html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}

.main {
	display: flex;
	position: relative;
	min-height: 100vh;
}

#viewer {
	z-index:1;
	position:absolute;
	width: 100%;
	height: 100%;
	top: 0;
}

#preloadContainer {
	z-index:2;
	position:relative;
	width:100%;
	height:100%;
	opacity:0;
	background-color:rgba(255,255,255,1);
	transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
}