body {
     font-family: 'Crimson Text', serif;
     font-size: 1.1em;
     padding: 0;
     margin: 0;
}
p {
	 font-weight: bold;
}
h4 {
     margin: 0.2em;
	 font-family: arial;
     font-size: 12px;
	 font-weight: normal;
}
a {
	 color: #62707a;
	 text-decoration: none;
}
 #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: #334550; 
}
 .unity-mobile #unity-canvas {
     width: 100%;
     height: 100% 
}
 #unity-loading-bar {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     display: none 
}
 #unity-logo {
     width: 154px;
     height: 130px;
     background: url('unity-logo-dark.png') no-repeat center 
}
 #unity-progress-bar-empty {
     width: 141px;
     height: 18px;
     margin-top: 10px;
     margin-left: 6.5px;
     background: url('progress-bar-empty-dark.png') no-repeat center 
}
 #unity-progress-bar-full {
     width: 0%;
     height: 18px;
     margin-top: 10px;
     background: url('progress-bar-full-dark.png') no-repeat center 
}
 #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 
}
 #links {
	 white-space: nowrap; 
	 overflow: hidden; 
     float: left;
     width: 130px;
     height: 38px;
	 background: #f3e5d6
}
 #links img {
	/* opacity: 0.7 */
}
 #links:hover {
	 overflow: visible;
	 opacity: 1;
}
 #button {
	padding: 0 10px;
    float: left;
    margin: 0 0 0 6px;
	line-height: 3px;
    background: #f3e5d6;
    /* border: 1px solid #4d4d4d; */
    /* border-radius: 4px; */
}
 #unity-build-title {
     float: right;
     margin-right: 10px;
     line-height: 38px;
     font-family: arial;
     font-size: 18px 
}
 #unity-fullscreen-button {
	 white-space: nowrap; 
	 overflow: hidden; 
     float: right;
	 height: 38px;
	 text-align: end
}
 #unity-fullscreen-button:hover {
	 overflow: visible;
 }	 
 #unity-warning {
     position: absolute;
     left: 50%;
     top: 5%;
     transform: translate(-50%);
     background: white;
     padding: 10px;
     display: none 
}
	@media (max-width: 800px) {
	   #unity-canvas {
		 max-width: 400px !important;
		 max-height: 300px !important;
		}
		#unity-container {
		 left: 50%;
		 top: 50%;
		 transform: translate(-50%, -50%) 
		}
	}