:root {
  color-scheme: light dark;
  --ascii-color-desktop-light: #c80017;
  --ascii-color-desktop-dark: #550916ae;
  --ascii-color-mobile-light: #c800172d;
  --ascii-color-mobile-dark: #8500163c;
  --ascii-color: var(--ascii-color-desktop-light);
  --max-width: 945px;
  --body-100: 0.84888889rem;
  --body-100-height: 1.4286;
  --bg-color: #fbfbfb;
  --text-color: #151515;
  --border-color: #ccc;
  --logo-color: rgb(149, 18, 18);
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg-color: #000;
    --text-color: #f1f1f1;
    --border-color: #272727;
    --ascii-color: var(--ascii-color-desktop-dark);
    --logo-color: #600913;
  }
}

@media (max-width: 768px) {
  :root {
    --ascii-color: var(--ascii-color-mobile-light);
  }
}

@media (max-width: 768px) and (prefers-color-scheme: dark) {
  :root {
    --ascii-color: var(--ascii-color-mobile-dark);
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: var(--body-100);
}

body,
html {
  height: 100%;
}

body {
  background-color: var(--bg-color);
  color: var(--text-color);
  position: relative;
}

#container {
  position: relative;
  min-height: 100vh;
  border-inline: 1px solid var(--border-color);
}

@supports (min-height: 100svh) {
  #container {
    min-height: 100svh;
  }
}

#container #inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  z-index: 1;
  padding-bottom: 2em;
  align-items: start;
  justify-content: space-between;
  overflow: visible;
  position: relative;
  white-space: normal;
}

p,
a {
  font-family:
    monospace,
    system-ui,
    -apple-system,
    sans-serif;
  line-height: var(--body-100-height);
}

section {
  display: flex;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding-inline: 2em;
}

hr {
  border: none;
  border-top: 1px solid var(--border-color);
  width: 100%;
}

#container #inner > div:first-child {
  padding-top: 20px;
}

#container svg {
  color: var(--logo-color);
}

#svgcontainer {
  position: relative;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 49 / 12;
}