@font-face {
  font-family: "Mood Book";
  font-style: normal;
  font-weight: 400;
  src:
    url("/fonts/Mood-Book.ttf") format("ttf"),
    url("/fonts/Mood-Book.woff") format("woff"),
    url("/fonts/Mood-Book.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Heebo";
  src: url("/fonts/Heebo-VariableFont_wght.ttf") format("ttf");
  font-display: swap;
}

main, footer {
  padding-left: 2rem;
  padding-right: 2rem;
  margin: auto;
}
@media screen and (min-width: 30em) {
  main, footer {
    max-width: 37.5rem;
    margin: auto;
  }
}
footer {
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-style: italic;
  color: #333;
}
h1, h2, h3 {
  font-family: "Mood Book", "Georgia", serif;
}
h4, h5, h6 {
  font-family: "Heebo", "Avenir Next Regular", sans-serif;
  font-weight: bold;
}
p, ol, ol li, ul li, th, td {
  font-family: "Heebo", "Avenir Next Regular", sans-serif;
  line-height: 1.4;
}
a {
  font-weight: 600;
  text-decoration: underline;
  color: blue;
}
p strong {
  font-weight: 700;
}
main ol {
  list-style-type: decimal;
  padding-left: 0;
}
ul {
  padding-left: 2rem;
}
main ol ol {
  list-style-type: lower-alpha;
  padding-left: 2rem;
}
main ol ol ol {
  list-style-type: lower-roman;
  padding-left: 2rem;
}
address {
  white-space: pre-line;
  font-style: normal;
  padding-left: 1rem;
}

table {
  border-collapse: collapse;
}
thead th {
  text-align: left;
  background: #dfdfdf;
}

td, th {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border: solid thin #333;
}

a {
  color: #6CA37F;
}

.list-style-none {
  list-style: none;
  padding: 0;
}