body 
{
	background: 			#fff;
	margin: 				0;
	padding: 				0;
	border: 				0;
	text-decoration: 		none;
	line-height: 			normal;
	overflow:				hidden;
	font-family:			"Simple-Regular";
	color:					#000;
	height:					100%;
	width:					100%;
}

html
{
	height:					100%;
}

#content
{
	height: 				100%;
	width: 					100%;
}

#main
{
	height: 				100%;
	width: 					100%;
}

text
{
	font-family:			"Arial" !important;	
}

.svgLabel
{
	font-size: 				4px;
	text-anchor: 			middle;
	fill: 					#000;
	stroke: 				#000;
	stroke-width:           0.1;
}

.plane
{
	filter: 				drop-shadow(0px 0px 4px rgb(0 0 0 / 0.4));
}

#splash
{
	position: 				absolute;
	left: 					20%;
	right:					20%;
	top: 					40%;
	margin: 				5%;
	font-family: 			Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
	font-size: 				8vh;
	text-align: 			center;
}

#progressBar
{
	position: 				absolute;
	left:					100px;
	top:					10px;
	right: 					100px;
}

#speedBar
{
	position: 				absolute;
	width:					60px;
	top:					10px;
	right: 					15px;
}

#speedLabel
{
	position: 				absolute;
	width:					60px;
	top:					30px;
	right: 					15px;
	font-family: 			Arial, sans-serif;
	font-size: 				8pt;
	color:					#bbb;
}

#startStop
{
	position: 				absolute;
	left: 					10px;
	top: 					4px;
	width: 					60px;
}

#darkMode
{
	position: 				absolute;
	left: 					10px;
	bottom: 				5px;
	width: 					60px;
}

.ui-slider-handle
{
	background:				#fec306 !important;
}

.darkBlend
{
	fill:					#000 !important;
	opacity:				90% !important;
}

.whiteLabel
{
	fill: 					#ddd !important;
}

.whiteSVGLabel
{
	fill: 					#eee;
}