/*
 * @format
 */
@font-face {
  font-family: "acherus grotesque bold";
  src: url("../fonts/acherus_grotesque_bold.eot");
  src: url("../fonts/acherus_grotesque_bold.eot?#iefix") format("embedded-opentype"), url("../fonts/acherus_grotesque_bold.woff") format("woff"), url("../fonts/acherus_grotesque_bold.ttf") format("truetype"), url("../fonts/acherus_grotesque_bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "acherus grotesque light";
  src: url("../fonts/acherus_grotesque_light.eot");
  src: url("../fonts/acherus_grotesque_light?#iefix") format("embedded-opentype"), url("../fonts/acherus_grotesque_light.woff") format("woff"), url("../fonts/acherus_grotesque_light.ttf") format("truetype"), url("../fonts/acherus_grotesque_light.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
html,
body {
  background: #FAFAFA;
  color: #181818;
  line-height: 1.3rem;
  margin: 0;
  font-family: "acherus grotesque light";
  font-size: 18px;
}

body {
  /* Fallback for browsers that don't support env() */
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  /* If a browser supports env it is safe to assume it also supports safe-area-inset */
  padding-top: calc(env(safe-area-inset-top) + 1rem);
  padding-right: calc(env(safe-area-inset-right) + 1rem);
  padding-bottom: calc(env(safe-area-inset-bottom) + 1rem);
  padding-left: calc(env(safe-area-inset-left) + 1rem);
}

.contain {
  display: block;
  max-width: 320px;
  margin: 0 auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "acherus grotesque bold";
  color: rgb(28.5, 28.5, 28.5);
  background: hsla(239, 30%, 98%, 0.15);
}

a {
  text-decoration: none;
  padding: 1px 5px;
  background: #e4e4e4;
  border-bottom: 1px solid #1E1E1E;
}
a:link, a:visited {
  color: #1E1E1E;
}
a:hover, a:active {
  color: #121212;
}

pre {
  background: rgb(252.75, 252.75, 252.75);
  padding: 1rem;
}

.nope {
  text-decoration: line-through;
}

hr {
  border: 0;
  border-top: 1px dotted rgb(52.5, 52.5, 52.5);
}

header button svg {
  pointer-events: none;
}

@media (prefers-color-scheme: dark) {
  html,
  body {
    background: #121212;
    color: rgb(198.75, 198.75, 198.75);
    font-size: 18px;
  }
}