:root {
  color-scheme: light dark;
}

body {
  background-color: light-dark(#ffffff, #212121);
  color: light-dark(#000000, #cccccc);
  font-family: -apple-system, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5em;
  padding: 2rem;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

main {
  margin-inline: auto;
  max-width: 65ch;
  padding: 2em 10px;
}

a, a:hover, a:visited {
  color: light-dark(#0066cc, #41ff00);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h1 {
  color: light-dark(#000000, #eeeeee);
}

p:last-child {
  font-size: .875rem;
}