html, body {
	padding: 0;
	margin: 0;
	overflow: hidden;
	
	background: linear-gradient(#08ACE7, #09ACE7);
	color: white;
}

html, body, canvas {
	touch-action: none;
	touch-action-delay: none;
}

#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;
}


@font-face {
	font-family: 'notoserif-regular';
	src: url('fonts/notoserif-regular.ttf') format('truetype');
}

@font-face {
	font-family: 'berlin sans fb regular';
	src: url('fonts/berlin sans fb regular.ttf') format('truetype');
}

@font-face {
	font-family: 'titanone-regular';
	src: url('fonts/titanone-regular.ttf') format('truetype');
}

* {
			box-sizing: border-box;
		}

		body {
			height: 100vh;
			width: 100vw;
			margin: 0;
		}

		#body {
			height: 100vh;
			width: 100vw;
		}

		canvas {
			position: absolute;
			top: 0;
			left: 0;
		}
		.cover-loading{
			display: block;
			position: absolute;
			width: 100%;
			height: 100%;
			transform: translate(-50%, -50%);
			top: 50%;
			left: 50%;
			/*z-index: 100;*/
			background: #00000040;
		}

		.loading {
			display: inline-block;
			position: absolute;
			width: 80px;
			height: 80px;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}

		.loading:after {
			content: " ";
			display: block;
			border-radius: 50%;
			width: 0;
			height: 0;
			margin: 8px;
			box-sizing: border-box;
			border: 32px solid #fff;
			border-color: #fff transparent #fff transparent;
			animation: loading 1.2s infinite;
		}

		@keyframes loading {
			0% {
				transform: rotate(0);
				animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
			}

			50% {
				transform: rotate(900deg);
				animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
			}

			100% {
				transform: rotate(1800deg);
			}
		}