html
{
	margin: 0;
	width: 100%;
	height: 100%;
	font-family: monospace, monospace;
	font-size: 24px;
}

*
{
	image-rendering: pixelated;
}

body
{
	margin: 0;
	width: 100%;
	height: 100%;
	background: #242E33;
	color: #576166;
}

main
{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	align-content: space-around;
}

header
{
	padding-top: 1em;
}

header, header *
{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	align-content: space-around;
	width: 100%;
}

footer
{
	display: flex;
	font-size: 12px;
}

header .logo
{
	width: 100%;
}

header .logo img
{
	width: 33.333%;
	max-width: 512px;
	height: auto;
}

h1, h2, h3, h4, h5, h6
{
	text-align: center;
}

h1
{
	text-decoration: underline;
}