nav ul {
	list-style: none;
	// Safari hack, see https://www.scottohara.me/blog/2019/01/12/lists-and-safari.html
	list-style: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");
	margin-left:-1em;
	width: 12em;
}

nav li {
	margin: 0.2em;
	width: 9em;
}

nav a {
	display: block;
	padding: 0.4em;
	text-decoration: none;
	font-weight: bold;
	border: thin solid var(--background-color);
	border-radius: .5em;
	color: var(--accent1-color);
	background-color: var(--background-color);
	transition: all .25s ease-in;
}

[aria-current=page] {
	background: var(--accent2-color);
}

nav a:focus,
nav a:hover,
nav a:active {
	color: var(--background-color);
	background-color: var(--accent1-color);
}

:root {
	--background-color: midnightblue;
	--accent1-color: gold;
	--accent2-color: darkred;
	--text-color: black;
}