body {
	font-family: sans-serif;
	color: #ccc;
	background: black;
}
hr {
	border: solid 2px yellow;
}

a {
	color: yellow;
}
a:visited {
	text-decoration: underline magenta;
}
a:hover {
	text-decoration: underline lime;
}
a:active {
	text-decoration: underline aqua;
}

nav {
	font-size: 12pt;
	font-family: monospace;
}

a.header-anchor {
	color: gray;
	text-decoration: none;
}
a.header-anchor:hover {
	color: lightgray;
}

@media (prefers-color-scheme: light) {
	body {
		color: black;
		background: lightyellow;
	}
	hr {
		border-color: black;
	}	
	a {
		color: black
	}
	a:visited {
		text-decoration: underline purple;
	}
	a:hover {
		text-decoration: underline green;
	}
	a:active {
		text-decoration: underline teal;
	}

	a.header-anchor:hover {
		color: black;
	}
}
@media only print {
	body {
		color: black;
		background: white;
	}
	hr {
		border-color: black;
	}
	a, a:visited {
		color: black;
		text-decoration: underline black;
	}
	a.header-anchor {
		display: none;
	}
}