body {
	background-color: #000000;
}

.webgl-content * {
	border: 0;
	margin: 0;
	padding: 0
}

.webgl-content {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.progress {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 18px;
	width: 141px;
}

.progress .empty {
	background: url('progressbar_empty.png') no-repeat right / cover;
	float: right;
	width: 100%;
	height: 100%;
	display: inline-block;
}

.progress .full {
	background: url('progressbar_full.png') no-repeat left / cover;
	float: left;
	width: 0%;
	height: 100%;
	display: inline-block;
}

.footer {
	margin-top: 10px;
}

.pixelart {
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
}

.fullscreenButton, .fullscreenButtonHovered, .fullscreenButtonPressed {
	margin-left: auto;
	margin-right: 0;
	width: 58px;
	height: 56px;
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
}

.fullscreenButton {
	background-image: url('fullscreen_button.png');     
}

.fullscreenButtonHovered {
	background-image: url('fullscreen_button_hovered.png');   
}

.fullscreenButtonPressed {
	background-image: url('fullscreen_button_pressed.png');   
}