@media (prefers-color-scheme: light) {
  :root {
    --background-color: #e7e5e4;
    --foreground-color: WhiteSmoke;
    --border-color: black;
  }
}

@media(prefers-color-scheme: dark) {
  :root {
    --background-color: black;
    --foreground-color: #181a1b;
    --border-color: white;
  }
}

html {
  background-color: var(--background-color);
}

html > body {
  font-family: Arial, Verdana, sans-serif;
  font-size: 1.1em;
  background-color: var(--foreground-color);
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
  padding: 1em;
  max-width: 80ch;
}

body > header {
  border-bottom: 1px dotted var(--border-color);
  text-align: center;
  margin-bottom: 1em;
}

body > footer {
  border-top: 1px dotted var(--border-color);
  text-align: center;
  margin-top: 1em;
}

body > nav {
  float: right;
  border: 1px dotted var(--border-color);
  padding: 1em;
}

nav > ul {
  list-style-type: none;
  padding: 0em;
  margin: 0em;
}

/* vim: set tabstop=2 shiftwidth=2 softtabstop=2 noexpandtab */