@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: local('☺'), url('../media/fonts/Dosis-Bold.woff') format('woff');
}

@font-face {
  font-family: 'Dosis', Arial, sans-serif;
}


html, body {
    margin:0;
    padding:0;
    width: 100%;
    height: 100%;
	background-color: #000000;
    overflow: hidden;
	
    user-select: none;
	-ms-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-drag: none; 
	-webkit-user-callout: none;
	
	-ms-touch-action: manipulation !important;
}


image, canvas {
    position: absolute;
    overflow: hidden;
    top: 0px; 
    left: 0px;
    user-select: none;
	-ms-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-drag: none; 
	-webkit-user-callout: none;
	
}

#debug { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    z-index: 100;
    overflow: hidden;
}

.debug_btn {
  border-radius: 28px;
  border: 0;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background: #d95a34; 
}

.debug_txt {
  	border-radius: 8px;
	display: none;
  	border: 0;
  	font-family: Arial;
  	color: #333333;
  	font-size: 12px;
	padding-top: 8px;
    padding-bottom: 8px;
    padding-right:8px;
    padding-left: 8px;
  	background-color: #EEEEEE;
  
  	clear: both;

}