body {border: 0; margin:0; padding:0;}
html {background: url('background.jpg') center; background-repeat: no-repeat;  background-size: cover; height: 100%; background-color: #000000; }

#unity-container { position: absolute }
#unity-container.unity-desktop { left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; }
#unity-container.unity-mobile { width: 100%; height: 100% }
#unity-canvas { background: transparent; width: 100%; height: 100%; }
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-loading-bar {position: fixed; left: 400px; top: 280px; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); height: 24px; width: 164px; }
#unity-progress-bar-empty {background: url('progressEmpty.png') no-repeat right / cover; float: right; width: 100%; height: 100%; display: inline-block; position: absolute;}
#unity-progress-bar-full {background: url('progressFull.png') no-repeat left / cover; float: left; width: 0%; height: 100%; display: inline-block; position: absolute;}
.unity-mobile #unity-footer { display: none }
#unity-mobile-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }