
body{
	margin:0px;
	padding:0px;
	position: absolute; 
	height:100%;
	width:100%;
	background-size:cover;
	font-style: regular;
	font-family:"Myriad Pro", Myriad,"Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color:#f0f0f1;
} 

.webgl-content, #loadingBlock {
	padding: 0px;
	position: absolute;
	height: 100vh;
	width: 100vw;
	background-color: #f0f0f1;
} 
#gameContainer,canvas{
	position:absolute;
	height:100%;
	width:100%;
	background-color:#f0f0f1;
}

#fullScreenButton{
	height:30px;
	width:30px;
	position:absolute;
	z-index:1;
	bottom:5px;
	right:5px;
	background-color:transparent;
	background-image:url("../img/fullScreen_on.png");
	background-size:30px 30px;
	border:none;
	cursor: pointer;
}

.subtitle{
	color:#1896a7;
	font-size:2.5vh;
	padding-bottom:3vh;
	padding-top: 3vh;
	display: block;
	height:15vh;
	width:40vw;
	margin:auto;
	text-align: center;
}
  
.webgl-content {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


	/*POZ?SYON AYARLIYOR */
	.webgl-content .background, .logo, .progress {
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	/*LOGO*/
	.webgl-content .background {
		background: url("../img/background.png") no-repeat center / contain;
		width: 100%;
		height: 100%;
	}


	/*LOGO*/
	.webgl-content .logo {
		background: url("../img/Logo.png") no-repeat center / contain;
		width: 100%;
		height: 100%;
	}



	/* PROGRESS */
	.webgl-content .progress {
		height: 4%;
		width: 30%;
		margin-top: 7%;
	}

		/*EMPTY PROGRESS orginal*/
		.webgl-content .progress .empty {
			background: url("../img/progressEmpty.png") no-repeat center / cover;
			float: right;
			width: 100%;
			height: 100%;
			display: inline;
			z-index: 8;
			position: absolute;
		}

		/*FULL PROGRESS*/
		.webgl-content .progress .full {
			background: url("../img/progressFull.png") no-repeat center / cover;
			float: left;
			width: 0%;
			height: 100%;
			display: inline-block;
			z-index: 10;
			position: absolute;
		} 