html, body {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	background-color:#2A363B;
	font-family: Arial;
	height:100%;	
}

img {
	transition: opacity 400ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
	position:absolute;
	display:block;
	left:0;
	right:0;
	margin:auto;
	top: 20px;
	max-width:80%;
	max-height:70%;
}
.opacity{
	opacity:0;
}


.loadBar {
	font-weight:bold;
	text-align:center;
	color: #635314;
	font-size:24px;
	overflow:hidden;
	position:absolute;
	top:calc(80% - 10px);
	margin-left:auto;
	margin-right:auto;
	box-shadow: 1px 1px 5px #000;
	text-shadow: 0px 0px 5px #635314, 0px 1px 1px #000;
	
	border-top:2px solid #C4A528;
	background-color:#DEC55F;
	width:0%;
	height:30px;	
	padding:5px;
	transition: all 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
	pointer-events: none;
}
.hide{
	pointer-events: none;
	padding:0px;
	overflow: hidden;
	height: 0px;
	opacity: 0;
}

canvas {
	display:block;
	margin-left:auto;
	margin-right:auto;
}