body { max-width: 52em; margin-left: 2%; line-height: 1.6; font-family: sans-serif; padding: 0 10px }
h1,h2,h3 { line-height:1.2 }
img { max-width: 100%; display: block; border:1px solid #000; }
pre { font-family: monospace; padding: 0.5em 0.5em; overflow-x: auto; }
hr { border: 0; height: 1px; }

html, body { background: #000; color: #ccc; }
img { border:1px solid #e5fbfb; }
:link { color: #30d1ff; }
:visited { color: #753AaB; }
pre { background: #333; color: #ccc; }
hr { background: #e5fbfb; }

@media (prefers-color-scheme: light) {
    html, body { background: #fff; color: #000; }
    pre { background: #333; color: #ccc; }
    img { border:1px solid #000; }
    hr { background: #000; }
    :link { color: #0000EE; }
    :visited { color: #551A8B; }
}