html, body {
 margin:0px;
  width:100vw;
  height:100vh;
  overflow:auto;
}
#unity-container { position: fixed; width: 100%; height: 100%; }
#unity-canvas { width: 100%; height: 100%; background: #231F20 }
#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none ;text-align:center;}
#unity-logo {
	
	display:inline-block;  background: url('logo.png'); width:30vw;height:30vw; text-align:center;
	background-repeat: no-repeat;
    background-size: contain;
    background-position-x: center;
}

#unity-progress-bar-empty { 
    margin-left: auto;
    margin-right: auto;
    width: 23vw;
    height: 14px;
    margin-top: 4px;
    border: 3px solid white;
    border-radius: 25px;
    background-size: contain;
    padding: 2px;
	}
	
	#unity-progress-bar-full { 
   width: 0%;

    border-radius: 28px;
    height: 100%;
    background-color: #ffc400;
    background-size: 100%;
  
	
	}

#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }
#unity-loading-text{
	
	color: #FFC400;
	text-align:center;
	font-size:2;
	font-family:'Roboto';
	font-weight:bold;
}
#version {
  position: absolute;
  top: 0;
  left: 0;
  color:white;
  padding:10px;
}