:root { Color-scheme: light dark; } nav { Color-scheme: dark light; }

body { Width: 90ex; Max-width: 90%; Margin: 1em auto; }
body { Font-family: sans-serif; Font-size: large; Padding: 1em; }
body { Color: midnightblue; Background-color: antiquewhite; }

a { Color: dodgerblue; } a:visited { Color: darkred; }
a:hover, a:active, nav a:hover, nav a:active { Color: deeppink; }
a { Font-weight: bold; } nav a { Text-decoration: none; }

nav, th { Color: antiquewhite; Background-color: midnightblue; }
nav p { Text-align: center; Padding: 1ex; Margin: 1ex 0; }
nav a { Color: aquamarine; } nav a:visited { Color: salmon; }

nav + hr { Display: none; } footer { Text-align: center; }

img.logo { Float: right; Width: 160px; Height: 160px; Margin-left: 1em; }
h2:before { Content: "★ "; } h3:before { Content: "☆ "; }
pre { Overflow: auto; Font-size: 90%; } img { Max-width: 100%; }

table { Border: 1px solid midnightblue; } th, td { Padding: 0.5ex; }

@media (prefers-color-scheme: dark) {
	a { Color: aquamarine; } a:visited { Color: salmon; }
	a:hover, a:active, nav a:hover, nav a:active { Color: deeppink; }
	nav a { Color: dodgerblue; } nav a:visited { Color: darkred; }
	body { Background-color: midnightblue; Color: antiquewhite; }
	nav, th { Background-color: antiquewhite; Color: midnightblue; }
	table { Border: 1px solid antiquewhite; }
}