body { background-color: #000000; color: #ffffff; min-height: 100%; min-width: 100%; margin: 0; padding: 0; overflow: hidden; } 
canvas { margin: 0 auto; }
html { height: 130%; }
#preloading {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 999999;
}

#preloading > #loadingContainer > p {
	font-family: Arial;
	color: #fff;
	text-align: center;
	margin: 5px;
	display: block;
}

#preloading > #loadingContainer > .logo {
	text-align: center;
	margin: auto;
	display: block;
}

@keyframes spinner {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

#preloading > #loadingContainer >.spinner {
	text-align: center;
	margin: auto;
	display: block;
	animation: spinner 1s infinite linear;
}
/*#debug { position: absolute; left: 0px; top: 0px; z-index: 9999;}*/
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently not supported by any browser */
}