body {
	margin: auto;
	padding: 0 2%;
	max-width: 60em;
	font-family: Arial, sans-serif;
}

a {
	color: #1f15aa;
}

a:visited {
	color: #752d77;
}

#banner a:link,
#banner a:visited,
#banner a:hover,
#menu a:link,
#menu a:visited,
#menu a:hover,
header a,
header a:visited,
header a:hover {
	color: black;
	text-decoration: none;
}

footer.post-info,
footer.copyright {
	font-size: 0.8em;
	color: #595959;
}

footer.copyright {
	text-align: center;
}

#menu ul {
	list-style: none;
	padding-left: 0;
}

#menu li {
	display: inline;
}

#menu li + li::before {
	content: " | ";
}

@media(prefers-color-scheme: light) {
	html {
		background: #efeee3;
	}
}

@media(prefers-color-scheme: dark) {
	html {
		background: #232323;
		color: lightgrey;
	}
	a {
		color: #7d74ff;
	}
	a:visited {
		color: #b369b5;
	}
	#banner a:link,
	#banner a:visited,
	#banner a:hover,
	#menu a:link,
	#menu a:visited,
	#menu a:hover,
	header a,
	header a:visited,
	header a:hover {
		color: lightgrey;
	}
	footer.post-info,
	footer.copyright {
		color: #b0b0b0;
	}
}