html{
	height: 100%
}
body {
    padding: 0;
    margin: 0;
    background-image: url('../TemplateData/backgroundDesktop.png');
	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: 3/4;
        left: 50%;
        transform: translate(-50%, 0);
        padding: 0;
        margin: 0;
        border-left: solid white 4px;
        border-right: solid white 4px
    }
#unity-container.unity-mobile { position: fixed; width: 100%; height: 100%; }
#unity-canvas { position: absolute;
    background: #FFFFFF;
    width: 100%;
    aspect-ratio: 3/4;}
.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('autogrillLogo.png') no-repeat center }
#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 }