body {
	font:normal 18pt/1.4 sans-serif;
	padding:0;
	margin:0;
	background:black;
	color: white;
}
*{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

@media only screen and (-moz-min-device-pixel-ratio: 2), 
		only screen and (-o-min-device-pixel-ratio: 2/1), 
		only screen and (-webkit-min-device-pixel-ratio: 2), 
		only screen and (min-device-pixel-ratio: 2) {
	*{
		font-size: 36pt;
	}
}

a, span {
	display: inline-block;
	color: white;
	text-decoration: none;
	transition: color linear 0.2s;
}
span {
	padding: 3px;
	cursor: pointer;
}
a:hover,
span:hover,
span.current {
	color: black;
}
canvas {
	z-index: 0;
	margin: 0;
	padding: 0; 
	position: absolute;
	cursor: pointer;
}
#nav {
	z-index: 1;
	margin: 0;
	padding:0 0 20px 30px; 
	position: absolute;
	bottom:0;
	display: none;
	pointer-events: none;
}
#nav * {
	pointer-events: auto;
}
.small {
	font-size: 12pt;
	line-height: 1.5;
}
.smallest {
	font-size: 10pt;
	line-height: 1.5;
	margin: 22px 0 32px;
}
.play {
	background: rgba(0,0,0,.45);
	display: inline-block;
	border-radius: 10px;
	margin: 15px 0 20px -18px;
	padding: 10px 16px;
	transition: color linear 0.2s, border linear 0.2s, background linear 0.1s;
}
.play:hover {
	background: black;
	color: white;
}
.warning {
	font-size: 12pt;
	margin:20px;
}
.warning a {
	text-decoration: underline;
}