:root { color-scheme: dark; }
html { background: #000; }
body {
  margin: 0;
  font-family: "Courier New", Courier, monospace;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #dedede;
}
main { max-width: 52rem; margin: 0 auto; padding: 1.5rem 1rem; }
a { color: #7fd1ff; }
a:visited { color: #c9a0ff; }
a:hover { color: #fff; }
hr { border: 0; border-top: 1px solid #dedede; margin: 1.5rem 0; }
h1, h2, h3 { font-size: 1.2rem; font-weight: bold; }
h1 { font-size: 1.5rem; }
h2::before { content: "## "; color: #777; }
h3::before { content: "### "; color: #777; }
ul { padding-left: 1.5rem; }
ul.posts { list-style: none; padding: 0; }
time, .meta { color: #999; }
.meta { margin-top: -0.5rem; }
blockquote { margin-left: 0; padding-left: 1rem; border-left: 2px solid #555; color: #bbb; }
pre, code { font-family: inherit; }
pre { background: #111; padding: 1rem; overflow-x: auto; }
img { max-width: 100%; }
footer { color: #999; }
@media (max-width: 600px) { body { font-size: 1rem; } }