html {
  font-size: 16px;
}

@media (max-width: 950px) {
  html { font-size: 14px; }
}

@media (max-width: 400px) {
  html { font-size: 12px; }
}


body {
    font-family: "Comfortaa", sans-serif;
    text-align: center;
    margin: auto;
    background: #ebecca;
    color: #212121;
    max-width: 45em;
    height: fit-content;
    height: -moz-fit-content;
    position: absolute;
    left: 0;
    right: 0;
    top: -15%;
    bottom: 0;
    box-shadow: 0 0 6px rgba(190, 106, 165, 0.16), 0 3px 6px rgba(74, 133, 68, 0.23);
    border-radius: 4px;
    padding: 1.5em;
  }

.sitelist {
  margin: 0.8em;
  font-family: "Comfortaa", sans-serif;
  text-align: left;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 1.5em;
  font-style: normal;
  padding: 1.5em;
  background: #b9b965;
}

.sitelist a {
  font-family: "Comfortaa", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 1em;
  font-style: normal;
  text-decoration: none;
  padding: 0.25em;
  margin: 0.25em;
  color: #ffffff;
}