body { 
	margin: 0 ;
	padding: 0;
  	background-color: black;
}
#unity-container { position: absolute }
#unity-container.unity-desktop { left: 50%; top: 50%; transform: translate(-50%, -50%) }
#unity-container.unity-mobile { width: 100%; height: 100% }
#unity-canvas { background: #000000 }
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-loading-bar { 
	position: absolute; 
	left: 50%; 
	top: 50%; 
	transform: translate(-50%, -50%); 
	width: 80%;
	height: 80%;
	display: none 
}
#unity-logo { 
	width: 100%; 
	height: 100%; 
	background: RGBA(0,0,0,0) no-repeat center;
	background-image: url("unity-logo-dark.png");
	background-size: contain;
	position: fixed;
}
#unity-progress-bar-empty { 
	position: absolute;
	width: 188px; 
	height: 24px; 
	top: 70%;
	left: 50%;
	transform: translate(-50%, 0%); 
	background: url('progress-bar-empty-dark.png') no-repeat;
	background-size: cover;
}
#unity-progress-bar-full { 
	position: absolute;
	width: 0%; 
	height: 100%;
	top: 0;
	left: 0;
	background: url('progress-bar-full-dark.png') no-repeat;
	background-size: cover;
}
#unity-footer { position: relative }
.unity-mobile #unity-footer { display: none }
#unity-webgl-logo { float:left; width: 204px; height: 38px; background: url('webgl-logo.png') no-repeat center }
#unity-build-title { float: right; margin-right: 10px; line-height: 38px; font-family: arial; font-size: 18px }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }

#pc-background {
   display: none;
   background: RGBA(0,0,0,1) no-repeat center;
   background-image: url("outframe.png");
   background-size: contain;
   width: 100%;
   height: 100%;
   position: fixed;
   z-index: 10000;
   top: 0;
   left: 0;
   cursor: zoom-out;
   
   display: none;
}

#landscape-warning {
   display: none;
   background: RGBA(0,0,0,1) no-repeat center;
   background-image: url("landwarning.png");
   background-size: contain;
   width: 100%;
   height: 100%;
   position: fixed;
   z-index: 10000;
   top: 0;
   left: 0;
   cursor: zoom-out;
   
   display: none;
}