@charset "utf-8";

body {
	background-color: #151515;
	color: #e8e8d3;
	font-family: monospace;
	font-size: 1.2em;
}

.banner {
	color: #c6b6ee;
	margin-bottom: 0;
	display: none;
}

.banner-alt {
	color: #c6b6ee;
	margin: 0;
	display: block;
}

@media (min-width:961px) {
	.banner {
		display: block;
	}
	.banner-alt {
		display: none;
	}
}

a {
	color: #8197bf;
	text-decoration: none;
}

#root {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

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

#root > ul > li {
	padding: 2px;
}

#root > ul > li:first-of-type {
	padding-top: 0;
}