body{
	padding 	: 0;
	margin 		: 0;
	zoom 		: 1;
	overflow	: hidden;
	transform	: "scale(1)";
	padding-top	: env(safe-area-inset-top);
}

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background-color: #fff;
}


#app{
	overflow : hidden;
}


#gamefield{
	position : absolute;
	left 	: 0px;
	height 	: 100%;
	top 	: 0px;
	width 	: 100%;
	background-color: black;
	background-image 	: url("game_background.jpg?4");
	background-position : center top;
}


#loading-screen{
	background-image 	: url("loading_screen_bg.jpg?6");
	background-position : center top;
	background-repeat 	: no-repeat; 
	background-size		: cover;
	display			: block;
	margin			: 0;
	position		: absolute;
	top				: 50%;
	left			: 50%;
	-ms-transform	: translate(-50%, -50%);
	transform		: translate(-50%, -50%);
	z-index 			: 2; 
}

#loading-screen.hidden{
	display : none;
}


#loading-screen .progressbar{
	background-image: url(loading_bar_fill.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    height: inherit;
    left: 156px;
    position: absolute;
    top: 33px;
    width: 0px;
	display : none;
}

#unity-canvas{
	object-fit		: cover;
    display			: block;
	margin			: 0;
	position		: absolute;
	top				: 50%;
	left			: 50%;
	box-shadow: 0px 0px 20px 11px;
	-ms-transform	: translate(-50%, -50%);
	transform		: translate(-50%, -50%);
    
}