body { padding: 0; margin: 0; overflow: hidden }
#load-counter { position: fixed; left: 5%; top: 5%; font-family: Helvetica, Arial, sans-serif; font-size: 48px; text-align: center; line-height: 1em;
	width: 3em; height: 1em; background-color: red; color: white; border: 1px solid black; padding: 1px; box-sizing: border-box;
}
#unity-container { position: absolute }
/* #unity-container.unity-desktop { left: 50%; top: 50%; transform: translate(-50%, -50%) } */
#unity-container.unity-desktop { width: 100%; height: 100% }
#unity-container.unity-mobile { width: 100%; height: 100% }
#video-holder { display: flex; justify-content: center; align-items: center; position: absolute; top: 0%; overflow: hidden;}
#loading-video { width: 100%; height: auto; object-fit: cover;}
#unity-canvas { background: url('loadingbg.jpg'); background-size: cover; background-position-y: center; image-rendering: crisp-edges; width: 100%; height: 100%}
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-loading-bar { position: absolute; left: 50%; bottom: 39px; transform: translate(-50%, -50%); display: none }
#unity-progress-bar-empty { width: 480px; height: 12px; margin-top: 10px; margin-left: 6.5px; background: url('progress-bar-empty-dark.png') no-repeat center }
#unity-progress-bar-full { width: 0%; height: 12px; margin-top: 10px; background: url('progress-bar-full-dark.png') }
#unity-loading-message { width: 200%; position: absolute; left: -50%; top: 0; transform: translate(0, -1em); font-family: 'Varela Round', sans-serif; color: white; font-size: 16px; text-align: center; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8);}
#unity-loading-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -0.1em); font-family: 'Varela Round', sans-serif; color: white; font-size: 10px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8);}
#unity-spinner { position: absolute; object-fit: cover; top: 0%; left: 50%; transform: translate(-50%, -120px); width: "64px"; height: "64px"; display: none}
#unity-footer { position: relative }
.unity-mobile #unity-footer { display: none }
#unity-fullscreen-button { float: right; width: 38px; height: 38px; background: url('fullscreen-button.png') no-repeat center; display: none }
#unity-demo-message { position: absolute; left: 50%; top: 5%; transform: translate(-50%); font-family: 'Varela Round', sans-serif; color: white; font-size: 12px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8); }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }