html { font: 100% sans-serif; }
body { max-width: 47em; margin: 1ex auto; }
pre { overflow-x: auto; }
#footer { margin-top: 4ex; text-align: center; color: #999; }

:root { color-scheme: light dark; }
@media only all and (prefers-color-scheme: dark) {
	html { background: #222; color: #ddd; }
	a { color: #cc9; }
	a:visited { color: #ca7;  }
	a:hover, a:active { color: #ffc; }
    #footer { color: #666; }
    strong { color: #fc3; }
}