simple.css

/* by ZestyLemonade */

body {
	font: 1.1em/1.2 Georgia, serif;
	color: #222;
	margin: 0 auto;
	padding: 2em;
	max-width: 550px;
}

h1, h2, h3 {
	font-family: Verdana, sans-serif;
}

code, pre, key {
	font-family: Monaco, "Courier New", monospace;
	border-radius: 3px;
	background: #eee;
	padding: 3px;
	overflow-x: auto;
}

img {
	max-width: 100%;
	max-height: 300px;
	display: block;
	margin: 1em auto;
}

blockquote {
	border-left: solid #888 3px;
	font-style: italic;
	padding-left: 1em;
	margin-left: 3px;
}


pre { padding: 8px; }
key { box-shadow: 0 3px 0 #ddd; }
hr { margin: 1em 0; }
a { color: #2082ea; }
a:visited { color: #741ac9;}
li { line-height: 1.5; }

@media (prefers-color-scheme: dark) {
	body {
		background: #222;
		color: #eee;
	}

	code, pre, key { background: #444; }
	key { box-shadow: 0 3px 0 #333; }
	a { color: #66b0f0; }
	a:visited { color: #a65fea; }
}