:root {
	--bodyBackgroundColor: #282A36;
	--bodyForegroundColor: #F8F8F2;
	--linkForegroundColor: #BD93F9;
	--borderColor: #383A59;
}

html {
	background-color: var(--bodyBackgroundColor);
	color: var(--bodyForegroundColor);
}

a, a:visited {
	text-decoration: none;
	color: var(--linkForegroundColor);
}

hr {
	width: 80%;
	color: var(--borderColor);
}

nav#site-nav {
	font-family: sans-serif;
	margin-bottom: 1rem;
	text-align: center;
	font-weight: bold;
}

nav#site-nav a, nav#site-nav a:visited {
	font-size: 1.5rem;
	margin: 0 0.5rem;
}

nav#site-nav a.brand-name {
	display: block;
	margin-bottom: 0.5rem;
	font-size: 4rem;
	color: #39166A;
	text-shadow: 0px -2px 4px #fff, 0px -2px 10px #FF3, 0px -10px 20px #F90, 0px -20px 40px #C33;
}

main {
	border-top: solid 2px var(--borderColor);
	border-bottom: solid 2px var(--borderColor);
	max-width: 900px;
	margin: 0 auto 0.5rem auto;
	padding: 0 2rem 0 2rem;
}