html, body {
	padding: 0;
	margin: 0;
	overflow: hidden;
	
	background: #000000;
	color: white;
    *zoom:1;
    -webkit-text-size-adjust: none;
    touch-action: manipulation;
}
/* iPhone */
@media only screen and (width:320px) and (device-width:320px) and (device-height:480px) and (orientation: landscape) {
    body {
		-webkit-transform: scale(0.667);
		-webkit-transform-origin: top right;
		position: absolute;
		right: 0;
		top: 0;
		width: 480px;
	}
}
html, body, canvas {
	touch-action: none;
	touch-action-delay: none;
    width: 100%!important;
}

#notSupportedWrap {
	margin: 2em auto 1em auto;
	width: 75%;
	max-width: 45em;
	border: 2px solid #aaa;
	border-radius: 1em;
	padding: 2em;
	background-color: #f0f0f0;
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	color: black;
}

#notSupportedTitle {
	font-size: 1.8em;
}

.notSupportedMessage {
	font-size: 1.2em;
}

.notSupportedMessage em {
	color: #888;
}
input {
    outline: none;
    color: transparent!important;
    font-size: 18px!important;
    text-transform: uppercase;
    caret-color: transparent;
                
}
input[type=text]:focus {outline:none;}
input:focus {outline:none;}

@font-face {
	font-family: 'FuturaLightCondensedRegular';
	src: url('fonts/futuralightcondensedregular.woff') format('woff');
}

@font-face {
	font-family: 'BarlowSemiCondensed-Medium-webfont';
	src: url('fonts/barlowsemicondensed-medium-webfont.woff') format('woff');
}

@font-face {
	font-family: 'BarlowSemiCondensed-Regular-webfont';
	src: url('fonts/barlowsemicondensed-regular-webfont.woff') format('woff');
}

@font-face {
	font-family: 'barlowsemicondensed-light-webfont';
	src: url('fonts/barlowsemicondensed-light-webfont.woff') format('woff');
}