body, html {
	background: #ddd;
	color: #333;
	margin-left: 10%;
}

pre {
	width: 75%;
}

@media (prefers-color-scheme: dark) {
img {
	filter: invert(0.9);
} 
body, html, #header, #footer {
	background: #222;
	color: #eee;
}
a {
	color: #0ee;
}
a:visited {
	color: #e00;
}
}

@media (prefers-dark-interface) {
img {
	filter: invert(0.9);
} 
body, html, #header, #footer {
	background: #222;
	color: #eee;
}
a {
	color: #0ee;
}
a:visited {
	color: #e00;
}
}

@media (prefers-color-scheme: light) {
body, html, #header, #footer {
	background: #ddd;
	color: #333;
}
}