body { Margin: 0; Font-family: sans-serif; } main { Font-size: large; }

header, footer { Text-align: center; Padding: 1em; Font-weight: bold; }
main { Width: 100ex; Max-width: 90%; Margin: 1em auto; }
h1, h2, h3, h4 { Text-align: center; Font-variant: small-caps; }

img, figure { Max-width: 100%; } pre { Overflow: auto; }
blockquote, figure { Margin: 1em; Padding: 1em; Border-radius: 1em; }
header h1 { Margin: 0; } sup { Font-weight: bold; }

html { Color: #deeed6; Background-color: #140c1c; }
hr { Border-color: #dad45e; } h1, h2, h3, h4 { Color: #dad45e; }
header, footer, blockquote, figure { Background-color: #442434; }

a { Color: #6daa2c; }
a:visited { Color: #8595a1; }
a:active, a:hover { Color: #6dc2ca; }

@media (prefers-color-scheme: light) {
	html { Background-color: #deeed6; Color: #140c1c; }
	header, footer, blockquote, figure { Background-color: #dad45e; }

	h1, h2, h3, h4 { Color: #854c30; }

	a { Color: #30346d; Font-weight: bold; }
	a:visited { Color: #442434; }
	a:active, a:hover { Color: #597dce; }
}