* {
    font-family: 'Hanken Grotesk';
    margin: 0;
}

body {
    height: 100vh;
    max-width: 100%;
    background-color: #F8F8F8;
    display: flex;
}

.watermark {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  font-size: 177px;
  font-weight: bold;
  pointer-events: none;
  user-select: none;
  z-index: 2147483647;
  text-align: right;
  
  color: black; /* fallback */
  -webkit-text-fill-color: transparent; /* makes fill fully transparent */
  -webkit-text-stroke: 2px rgba(0, 0, 0, .25); /* visible stroke */
  
  margin-right: 20px;
  background-color: transparent;
}

.main-content {
    flex: 1;    
    min-width: 0;
}

.rounded-div {
    border-radius: 8px;
}

.med-padding {
    padding: 16px;
}

.leftmost-div {
    margin: 8px 4px 8px 0;
}

.distributed-space {
    justify-content: space-evenly;
}

svg, span {
    vertical-align: middle;
}

button > span {
    margin-left: 6px;
}

span {
    font-size: 16px;
    font-weight: 500;
}

.white {
    color: black;
    background-color: white;
}

.yellow {
    color: white;
    background-color: #FFC800;
}

.green {
    color: white;
    background-color: #02BE05;
}

.orange {
    color: white;
    background-color: #F66E34;
}

.raspberry-red {
    color: white;
    background-color: #F63461;
}

.red {
    color: white;
    background-color: #FF0000;
}

.blue {
    color: white;
    background-color: #348BF6;
}

.white-text {
    color: white;
}

.distributed-mid-space {
    justify-content: space-between;
}

a,
a:visited,
a:hover,
a:active {
  text-decoration: none;
}