body {
	font-family: arial;
	font-size: 1em;
}
header h1 {
	font-family: "Russo One",	sans-serif;
	font-size: 3em;
	padding:0 0 7px 0;
	margin:0 0 7px 0;
	color: #ffd700;
	text-shadow: 1px 2px 3px #333, -1px -1px 3px #c96;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+80,f8b500+83,fbdf93+86,fbdf93+86,72bdff+90,345be5+93,38b2ff+96&0+0,0+80,1+83,0+86,0+86,0+90,1+93,0+96 */
	background: -moz-linear-gradient(top,  rgba(252,234,187,0) 0%, rgba(252,205,77,0) 80%, rgba(248,181,0,1) 83%, rgba(251,223,147,0) 86%, rgba(114,189,255,0) 90%, rgba(52,91,229,1) 93%, rgba(56,178,255,0) 96%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(252,234,187,0) 0%,rgba(252,205,77,0) 80%,rgba(248,181,0,1) 83%,rgba(251,223,147,0) 86%,rgba(114,189,255,0) 90%,rgba(52,91,229,1) 93%,rgba(56,178,255,0) 96%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(252,234,187,0) 0%,rgba(252,205,77,0) 80%,rgba(248,181,0,1) 83%,rgba(251,223,147,0) 86%,rgba(114,189,255,0) 90%,rgba(52,91,229,1) 93%,rgba(56,178,255,0) 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fceabb', endColorstr='#0038b2ff',GradientType=0 ); /* IE6-9 */
}
nav {
	margin: 0 0 .5em 1em;
}
nav button {
	color: #00f;
	border-radius: 15px;
	text-shadow: 0 1px 1px #fff;
	background: #f0f0f0;
	padding: .5em 1em;
	font-family: "Russo One",	sans-serif;
	font-size: 1.5em;
}
nav button:hover,
button:focus {
	background: #ddd;
}
button:focus {outline:0 !important;}
canvas {
	display:block
}
#gauge_canvas {
	position: absolute;
}
#coaster_canvas {
	border: 2px solid #000
}
#track_canvas {
	margin: .5em 0 0 0;
}
#alert {
	border: 5px solid #006;
	border-radius: 6px;
	display:none;
	padding: .5em 1em;
	text-align:center;
	font-size: 2em;
	font-family: arial;
	background-color: #f6f6f6;
	color: #900
}