.unity-container.desktop, .unity-container.handheld {
    height: 100%;
    aspect-ratio: 9 / 16;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

html, body {
    height: 100%;
    width: 100%;
    overflow-y: hidden;
}

body {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#unity-canvas{
    height: 100%;
    width: 100%;
}

#unity-logo {
    position: absolute;
    top: 25%;
    transform: translate(-50%, -50%);

    background: url('../img/spinner.png') center / contain no-repeat;

    width: 25%;
    height: 25%;

    animation: spinner-spin 2.4s infinite linear;
}

@keyframes spinner-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#unity-loading-bar { 
    position: absolute; 
    left: 50%; 
    top: 50%; 
    transform: translate(-50%, -50%); 
    width: 100%;
    height: 100%;

    background-color: #000;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#unity-progress-bar-empty { 
    width: 141px; 
    height: 18px; 
    margin-top: 10px; 
    margin-left: 6.5px; 
    background: url('../img/progress-bar-empty-dark.png') no-repeat center;
    display: none;
}

#local_text{
    margin-top: 8em;
    font-size: 3em;

    color: white;
    font-family: sans-serif;
}

#unity-progress-bar-full { width: 0%; height: 18px; margin-top: 10px; background: url('../img/progress-bar-full-dark.png') no-repeat center }