body { padding: 0; margin: 0 }
#unity-container { position: fixed; width: 100%; height: 100%; }
#unity-canvas { width: 100%;
    height: 100%; }
#unity-loading-bar { position: absolute; left: 50%; bottom: 8%; transform: translateX(-50%); z-index: 1; }
/*#unity-logo { width: 154px; height: 130px; background: url('unity-logo-dark.png') no-repeat center }*/
#unity-progress-bar-empty { margin-left: auto; margin-right: auto; width: 80vw; height: 10px; padding: 2px; margin-top: 10px; border-radius: 25px; background: rgba(0, 0, 0, 0.19); border: 1px solid #ffffff; }
#unity-progress-bar-full { position: relative; width: 0%; height: inherit; background: #589498; border-radius: 25px; }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }

.unity-loading { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; z-index: 999; }
.unity-loading__bg { width: 100%; height: 100%; object-fit: cover; }
.unity-loading__progress {
    position: absolute;
    top: calc(50% + 30px);
    left: 50%;
    color: #B1CAE0;
    font-size: 29px;
    transform: translate(-50%, -50%);
}