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

a {
	color: #1f15aa;
}

a:visited {
	color: #752d77;
}

h1 a:link,
h1 a:visited,
h1 a:hover,
h2 a:link,
h2 a:visited,
h2 a:hover,
h3 a:link,
h3 a:visited,
h3 a:hover {
	color: inherit;
	text-decoration: none;
}

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

footer.copyright {
	text-align: center;
	margin-bottom: 1em;
}

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

#menu li {
	display: inline;
}

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

pre {
	border: 2px solid gray;
	padding: 0.5em;
	background-color: snow;
}

@media(prefers-color-scheme: dark) {
	html {
		background-color: black;
		color: lightgrey;
	}
	
	a {
		color: cornflowerblue;
	}
	
	a:visited {
		color: orchid;
	}
	
	footer.post-info,
	footer.copyright,
	#content .translations {
		color: #b0b0b0;
	}

	pre {
		background-color: darkgrey;
		color: black;	
	}
}