html, body {
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
}

canvas {
	cursor: grab;
	position: relative;;
	width: 100%;
	height: 100%;
	display: block;  
	outline-style:none;
}

.canvas-container{
	position: fixed;
	left: 10%;
	right: 10%;
	top: 10%;
	bottom: 10%;
	width: 80%;
	height: 80%;
	display: block;
}

.text-container{
	position: fixed;
	margin-left: 0%;
	margin-top: 0%;
	width: 80%;
	height: 70%;
	display: block; 
}

#backgroundImage {
	position: absolute;
	background-color: #b9bdc5 !important; 
	background: url(images/RevolverPhoto.png);
	background-repeat: no-repeat;
	background-attachment: local;
	background-position: center;
	background-size: 100%;
	opacity: 0.6;
	top: 0%;
	left:0%;
	height: 100%;
	width: 100%;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	text-decoration: none;
	overflow: hidden;
	cursor: pointer;
	outline-style: none;
	z-index: 0;
}

#startButton {
	position: absolute;
	background-color: #E4E4E4;  /* #E4E4E4*/
	background: url(images/startImage.png);
	background-repeat: no-repeat;
	background-attachment: local;
	background-position: center;
	background-size: 25%;
	opacity: 1;
	top: 0%;
	left:0%;
	border: none;
	font-size: 16px;
	color: #000000; /*#000000*/
	text-align: center;
	height: 100%;
	width: 100%;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	text-decoration: none;
	overflow: hidden;
	cursor: pointer;
	outline-style: none;
	z-index: 1;
}

#VARLab {
	position: absolute;
	background-color: #E4E4E4;  /* #E4E4E4*/
	background: url(images/LogoVARlab.png);
	background-repeat: no-repeat;
	background-attachment: local;
	background-position: center;
	background-size: 100%;
	opacity: 1;
	top: 10%;
	left:10%;
	border: none;
	font-size: 16px;
	color: #000000; /*#000000*/
	text-align: center;
	height: 64px;
	width: 128px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	text-decoration: none;
	overflow: hidden;
	cursor: pointer;
	outline-style: none;
	z-index: 1;
}

#loadingBarDiv{
	color: #000 !important;
	background-color: #00c3ff!important;
	position: absolute;
	z-index: 100;
	background-attachment: local;
	background-size: contain;
	top: 80%;
	left: 10%;
	right: 10%;
	width: 80%;
	height: 30px;
	border: solid 2px;
	border-style: solid;
	border: 2px solid black;
	border-radius: 15px;
	font-size: 24px;
	text-align: center;
}

#customLoadingScreenDiv{
	background-color: #191f26;
	position: absolute;
	background: url(images/loadingGIF.gif);
	background-repeat: no-repeat;
	background-attachment: local;
	background-position: center;
	background-size: contain;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	color: black;
	object-fit: cover;
	display: block;
}