html, body{
	
	background: #111013;
	width: 100%;
	height: 100%;
	overflow: visible;
	padding: 0;
	margin: 0;
	
}

div#gameContainer{
	
	background: transparent !important;
	position: absolute;
	
}

div#gameContainer canvas[data-pixel-art="true"]{
	
	image-rendering: optimizeSpeed;
	image-rendering: -webkit-crisp-edges;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: optimize-contrast;
	image-rendering: pixelated;
	-ms-interpolation-mode: nearest-neighbor;
	
}

/* Unity */

#loading-cover {
	
	background-color:#111013;
	
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    display: flex;
	
    justify-content: center;
    align-items: center;
	
}

#unity-loading-bar {
	
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	
}

#unity-progress-bar-empty {
	
	width: 40%;
	height: 12px;
	margin: 20px 40px 40px 20px;
	text-align: left;
	border: 2px solid white;
	padding: 2px;
	
	border-radius:1em;
	
}

#unity-progress-bar-full {
	
	width: 0%;
	height: 100%;
	background: white;
	
	border-radius:1em;
	
}

.light #unity-progress-bar-empty {
	
	border-color: black;
	
}

.light #unity-progress-bar-full {
	
	background: black;

}

#unity-fullscreen-button {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 38px;
	height: 38px;
	background: url('fullscreen-button.png') no-repeat center;
	background-size: contain;
}

.spinner,
.spinner:after {
	border-radius: 50%;
	width: 5em;
	height: 5em;
}

.spinner {
	margin: 10px;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 1.1em solid rgba(255, 255, 255, 0.2);
	border-right: 1.1em solid rgba(255, 255, 255, 0.2);
	border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
	border-left: 1.1em solid #ffffff;
	transform: translateZ(0);
	animation: spinner-spin 1.1s infinite linear;
}

@keyframes spinner-spin {
	
	0% {
		transform: rotate(0deg);
	}
	
	100% {
		transform: rotate(360deg);
	}
	
}
