body {
  max-width: 40em;
  margin: 1em auto;
  padding: 0 1em;
  font-family: system-ui, sans-serif;
  line-height: 1.5;
  background: #ffffff;
  color: #1a1a1a;
}

main { max-width: 40em; }
img { max-width: 100%; }
pre { overflow-x: auto; }

a { 
  text-decoration: none; 
  color: #0066ff;
}
a:hover { text-decoration: underline; }
nav a { margin-right: 1em; }

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

time {
  margin-right: 0.5em;
}

@media (prefers-color-scheme: dark) {
  body {
    background: #1a1a1a;
    color: #ffffff;
  } 
  a { color: #6ba3ff; }
}