* {
	color: #302c2e;
	font-family: 'Palanquin Dark', sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 13px;
	letter-spacing: 3px;
}

a {
	text-decoration: none;
	cursor: pointer !important;
}

	a:hover {
		color: #f00;
	}

body {
	background: #8aebf1;
}

.full-screen {
	position: fixed;
	right: 20px;
	bottom: 20px;
}

#credits {
	display: none;
	position: fixed;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	background: #000;
	padding-top: 15%;
	padding-left: 25%;
	padding-right: 25%;
}

	#credits #close {
		display: block;
		margin-top: 150px;
		text-align: left;
	}

	#credits label {
		display: inline-block;
		width: 350px;
	}

#footer .left {
	position: absolute;
	left: 20px;
	bottom: 30px;
}

#footer .right {
	position: absolute;
	right: 20px;
	bottom: 30px;
}

#footer a {
	margin-right: 20px;
}

.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%);
}

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

	.webgl-content .logo {
		display: none;
		background: url('progressLogo.Light.png') no-repeat center / contain;
		width: 154px;
		height: 130px;
	}

	.webgl-content .progress {
		height: 18px;
		width: 141px;
		margin-top: 90px;
	}

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

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

	.webgl-content .logo.Dark {
		background-image: url('progressLogo.Dark.png');
	}

	.webgl-content .progress.Dark .empty {
		background-image: url('progressEmpty.Dark.png');
	}

	.webgl-content .progress.Dark .full {
		background-image: url('progressFull.Dark.png');
	}

	.webgl-content .footer {
		margin-top: 5px;
		height: 38px;
		line-height: 38px;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 18px;
	}

		.webgl-content .footer .webgl-logo, .title, .fullscreen {
			height: 100%;
			display: inline-block;
			background: transparent center no-repeat;
		}

		.webgl-content .footer .webgl-logo {
			background-image: url('webgl-logo.png');
			width: 204px;
			float: left;
		}

		.webgl-content .footer .title {
			margin-right: 10px;
			float: right;
		}

		.webgl-content .footer .fullscreen {
			background-image: url('fullscreen.png');
			width: 38px;
			float: right;
		}