body {
	padding: 0;
	margin: 0;
	height: 100%;
	background-color: #FEF9EB
}



#unity-container {
    position: absolute;
    margin: auto;
	position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto
		
}

   

 #unity-container.unity-desktop {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%)
    }

  

  #unity-container.unity-mobile {
        width: 100%;
        height: 100%
    }



#unity-canvas {
background:#FEF9EB

/*<!--#1F1F20-->*/
	
}



.unity-mobile #unity-canvas {
    width: 100%;
    height: 100%
}


#Welcome {
	
	 margin: auto;
	font-family: Manrope;
	    text-align: center;
	color: #3a5b39
}


#unity-loading-bar {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: auto;
    transform: translate(-50%, -50%)
}



#unity-logo {
    width: 500px;
    height: 180px;
    background: url('logo-light.png') no-repeat center
}



#unity-progress-bar-empty {
    width: 500px;
    height: 6px;
    margin: auto;
    margin-top: 10px;
    background-color: #CBD899;
 }



#unity-progress-bar-full {
    width: 50%;
    height: 6px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: 0px;
    margin-bottom: auto;
    margin-top: 10px;
    background-color: #30553B;
}
