:root {
  --primary: #fff;
  --primary-alt: #F7F4EF;
  --secondary: #000;
  --tertiary: #20a1b0;
  --accent: #b71d1c;
  --xl: 140px;
  --l: 70px;
  --m: 40px;
  --s: 25px;
  --xs: 15px;
  --gorillaz-font: "Balboa", sans-serif;
  --hok-font: "Roboto", sans-serif;
}
@media (max-width: 600px) {
  :root {
    --xl: 70px;
    --l: 35px;
    --m: 20px;
    --s: 15px;
    --xs: 5px;
  }
}

header {
  position: sticky;
  top: 0px;
}

main {
  padding: 0px var(--xl) var(--l);
  color: var(--primary);
}
@media (max-width: 768px) {
  main {
    padding: 0px var(--m) var(--l);
  }
}
main .title {
  text-transform: uppercase;
  font-family: var(--gorillaz-font);
  font-weight: 500;
  margin-top: 2em;
  margin-bottom: 0.75em;
}
main h2 {
  text-transform: uppercase;
  font-family: var(--gorillaz-font);
  font-weight: 500;
  margin-top: 2em;
  margin-bottom: 0.5em;
}
main h3 {
  text-transform: uppercase;
  font-family: var(--gorillaz-font);
  font-weight: 500;
  margin-top: 2em;
  margin-bottom: 0.5em;
}
main p, main em, main strong, main th, main td, main li {
  font-family: var(--gorillaz-font);
  font-weight: 500;
  margin-bottom: 1em;
  line-height: 1.25em;
}
main p a, main em a, main strong a, main th a, main td a, main li a {
  text-decoration: underline;
  color: inherit;
  transition: color 0.3s;
}
main p a:hover, main em a:hover, main strong a:hover, main th a:hover, main td a:hover, main li a:hover {
  color: var(--tertiary);
}
main strong {
  font-weight: 900;
}
main table {
  border-collapse: collapse;
  margin: 1rem 0px;
}
main table th, main table td {
  padding: 10px;
  border: solid 1px var(--primary);
}
main table th {
  text-transform: uppercase;
}
@media (max-width: 768px) {
  main table {
    font-size: 8px;
  }
  main table th, main table tr {
    font-size: 8px;
  }
}
main ul, main ol {
  list-style-type: disc;
  list-style-position: inside;
  margin: var(--xs) 0px var(--m);
}
main ul li, main ol li {
  margin-bottom: 0.5em;
}
main ul li:last-of-type, main ol li:last-of-type {
  margin-bottom: 0px;
}
main ol {
  list-style-type: none;
  counter-reset: item;
}
main ol > li {
  display: table;
  counter-increment: item;
}
main ol > li::before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;
}
main ol li ol > li {
  margin-left: 0px;
}
main ol li ol > li::before {
  content: counters(item, ".") " ";
}/*# sourceMappingURL=info-pages.css.map */