body {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    overflow: hidden;
    background: url(body_back.jpg);
}

.unity-container {
    position: relative;
    width: 100vw;
    height: 100vh;
}

/*.unity-container {*/
/*    position: relative;*/
/*    width: 100vw;*/
/*    height: calc(100vw * 4/3);*/
/*    max-width: 75vh;*/
/*    max-height: 100vh;*/
/*    overflow: hidden;*/
/*    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);*/
/*}*/

#unity-canvas {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(background.jpg);
}

#unity-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 256px;
    height: 256px;
    background: url('unity-logo-dark.png') no-repeat center center;
    transform: translate(-50%, -50%);
}

#unity-progress-bar-empty {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
}

#unity-progress-bar-full {
    height: 100%;
    width: 0%;
    background: #ffffff;
}