@font-face {
  font-family: 'Matemasie';
  src: url('fonts/matemasie-v4-latin-regular.woff2') format('woff2');
  /* font-display: swap; */
}

@font-face {
  font-family: 'Shadows Into Light';
  src: url('fonts/shadows-into-light-v21-latin-regular.woff2') format('woff2');
  /* font-display: swap; */
}

@font-face {
  font-family: 'Quicksand';
  src: url('fonts/quicksand-v36-latin-regular.woff2') format('woff2');
  /* font-display: swap; */
}

html.loading {
  visibility: hidden;
}

a:-webkit-any-link {
  text-decoration: inherit;
  color: rgb(255, 166, 0);
}

h1 {
  font-family: 'Matemasie', sans-serif;
  font-weight: normal;
  color: rgb(30, 30, 30);
}

h2, h3 {
  font-family: 'Shadows Into Light', sans-serif;
  font-weight: normal;
  text-decoration: none;
  color: rgb(30, 30, 30);
}

body {
  font-family: 'Quicksand', sans-serif;
  max-width: 40em;
  margin: 0 auto;
  padding: 5px;
  font-size: 18px;
  line-height: 1.6em;
  color: rgb(115, 115, 115);
}