body { padding: 0; margin: 0 }
#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 { width: 100%; height: 100%; background-size: 100%; background: url('backgroud.png') no-repeat center}
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-logo img { width: 300px; height: 0%; margin-left: 50px; margin-top: 50px;}
#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#unity-progress-bar-empty { width: 141px; height: 18px; margin-left: 100px; 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 }