html, body {
	padding: 0px;
	margin: 0px;
	border: 0px; 
	
	height: 100%;

	touch-action-delay: none;
	touch-action: none;
	-ms-touch-action: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	overflow: hidden;
}

#viewport {
	position: absolute;  	

	width: 100vw;
	height: 100vh;
}

#canvas {  
	position: absolute;
	
	width: 100%; 
	height: 100%;
	
	left: 0;
	right: 0;
	
	cursor: default;
}

#canvas:focus {
	outline:none;
}

#preloader {
	display: block;    
    position: absolute;    
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#preloader .background {	
	width: 100%; 
	height: 100%; 
	position: absolute; 
	top: 0;	
	left: 0;	
	overflow: hidden;
}

#preloader .background > img {
	object-fit: cover; 
	width: 100%; 
	height: 100%; 
	overflow: hidden;
} 

#preloader_wheel {
	position: absolute;
	top: 2em;
	right: 2em;
}

.button {
	width: 174px;
	text-decoration:none; text-align:center; 
	padding: 24px 64px; 
	border:solid 1px #004F72; 
	-webkit-border-radius:4px;
	-moz-border-radius:4px; 
	border-radius: 4px; 
	font: 29px Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	color:#ffffff; 
	background-color:#92eb9b; 
	background-image: -moz-linear-gradient(top, #92eb9b 0%, #084504 100%); 
	background-image: -webkit-linear-gradient(top, #92eb9b 0%, #084504 100%); 
	background-image: -o-linear-gradient(top, #92eb9b 0%, #084504 100%); 
	background-image: -ms-linear-gradient(top, #92eb9b 0% ,#084504 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#084504', endColorstr='#084504',GradientType=0 ); 
	background-image: linear-gradient(top, #92eb9b 0% ,#084504 100%);   
	-webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
	-moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
	box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
}

.button:hover {
	filter: brightness(1.15);
}

#orientation {
	position: absolute;
	width: 100vw;
	height: 100vh;
	background-color: white;
}			
#orientation img {
	position: absolute;
	width: 40vw;
	height: auto;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 30vh;
}

@media screen and (orientation:landscape) {
   #orientation {
	  display: none;
   }
}
@media screen and (orientation:portrait) {
   #orientation {
	  display: block;
   }
}