@media (prefers-color-scheme: light) {
  :root {
    --link-color: #81a2be;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --link-color: #cc6666;
  }
}

body {
  font-family: Bahnschrift, "DIN Alternate", "Franklin Gothic Medium",
    "Nimbus Sans Narrow", sans-serif-condensed, sans-serif;
  font-weight: normal;
  font-size: 1.2rem;
  line-height: 1.4rem;
}

a {
  color: var(--link-color);
}

dt {
  font-style: italic;
}

code {
  white-space: pre;
}

.container {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: auto;
}

.center {
  text-align: center;
}

.image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}