html{height: 100%}
body {
    padding: 0;
    margin: 0;
    background-image: url('../TemplateData/backgroundDesktop.jpg');
	background-repeat: no-repeat;
	background-color: #006087;
	background-position-x: center;
	background-position-y: bottom;
	background-size: cover
}

#unity-container { position: absolute }
    #unity-container.unity-desktop {
        position: absolute;
        height: 100%;
        aspect-ratio: 9/16;
        left: 50%;
        transform: translate(-50%, 0);
        padding: 0;
        margin: 0;
    }
#unity-container.unity-mobile { position: fixed; width: 100%; height: 100%; }

#unity-canvas { width: 100%; height: 100%; background: #ffffff }
#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none }
#unity-logo {
    width: 180px;
    height: 100px;
    background-image: url('logo.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    image-rendering: auto;
	display:none;
}

#unity-progress-bar-empty { margin-left: auto; margin-right: auto; width: 141px; height: 18px; margin-top: 10px; background: url('progress-bar-empty-light.png') no-repeat center }
#unity-progress-bar-full { width: 0%; height: 18px; margin-top: 10px; background: url('progress-bar-full-light.png') no-repeat center }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }