body {
	background-color: #191919;
	color: white;

	text-align: center;

	font-size: 32px;

	margin: 0;

	user-select: none;
}

a {
	color: inherit;
	text-decoration: none;
	/*flex-grow: 1;*/
	transition: filter 1s;
	margin: auto;
}

h2 {
	margin: auto;
}

.link:hover {
	font-size: 110%;
	filter: drop-shadow(0 0 20px white);
}

#links {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	/*display: flex;*/
	/*flex-flow: column;*/
	display: grid;
}

.hscore {
	font-size: 20px;
}

canvas {
	position: absolute;
	top: 0;
	left: 0;
}

.help, .leaderboard_link {
	font-size: 50%;
	line-height: 50%;
}

.help:hover, .leaderboard_link:hover {
	text-decoration: underline;
}

#help_text {
	text-align: justify-all;
	font-size: 30px;
	white-space: pre-line;
	max-width: 25em;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#menu {
	position: absolute;
	margin: 0;
	top: 20px;
	left: 20px;
}

.leaderboard {
	font-family: monospace;
	text-align: justify-all;
}

.contact {
	font-size: 16px;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 5px;
}

.contact a {
	text-decoration: underline;
}

.controls img {
    filter: invert(1);
}