@charset "UTF-8";
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-weight: normal; }

:root {
  --primary-bg: black;
  --secondary-bg: #1a1a1a;
  --primary-fg: #00ffd5;
  --secondary-fg:#00aaff;
  --link-fg: #002bff;
  --link-hover: #8095ff; }

@media (prefers-color-scheme: light) {
  :root {
    --primary-bg: white;
    --secondary-bg: papayawhip;
    --primary-fg: black;
    --secondary-fg: deeppink;
    --link-fg: black;
    --link-hover: deeppink; } }

body {
  padding: 1em;
  font-family: 'vulf mono light', monospace;
  font-size: 18px;
  line-height: 1.2;
  background: var(--primary-bg);
  color: var(--primary-fg); }

em {
  font-family: 'vulf mono italic'; }

p {
  margin-bottom: 1em; }

a {
  text-decoration: none; }

a:link,
a:visited {
  color: var(--link-fg); }

a:hover,
a:focus,
a:active {
  color: var(--link-hover); }

h2 {
  color: var(--secondary-fg);
  text-transform: uppercase; }

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

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

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

li:before {
  content: "→"; }

li:after {
  content: "←"; }

/*# sourceMappingURL=style.css.map */