body {
    padding: 0;
    margin: 0;
    overflow: hidden;
    height: 100vh; /*claim entire screen for ios safari*/
    width: 100vw; /*auto center functionality purpose*/
    /* background-image: url('../../img/Background_04.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;*/
    background: #231F20
}
#webgl-wrapper {
    position: fixed; /*IMPORTANT placement based on browser window size / and position*/
    display: flex;
    height: 100vh; /*claim entire screen for ios safari*/
    width: 100vw; /*auto center functionality purpose*/
    justify-content: center;
}
/*#unity-container {
    position: fixed;*/ /*IMPORTANT placement based on browser window size / and position*/
    /*display: flex;
    height: 100vh;*/ /*claim entire screen for ios safari*/
    /*width: 100vw;*/ /*auto center functionality purpose*/
    /*justify-content: center;
}*/
#unity-container.unity-desktop {
    display: flex;
    align-items: center;
    justify-content: center;
    transform-origin: center;
    touch-action: manipulation;
    /*background-color: white;*/
    /*transform: translate(-50%, -50%)*/
}
#unity-container.unity-mobile { width: 100%; height: 100% }
#unity-canvas { background: #231F20 }
.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: 300px; height: 270px; background: url('../../img/logo.png') no-repeat center; background-size: contain }
#unity-progress-bar-empty { width: 300px; height: 20px; margin-top: 0; margin-left:0; background: url('progress-bar-empty-dark.png') no-repeat center }
#unity-progress-bar-full { width: 0%; height: 20px; margin-top: 0; margin-left:27%; background: url('progress-bar-full-dark.png') no-repeat left }
#unity-footer { position: relative }
.unity-mobile #unity-footer { display: none }
#unity-webgl-logo { float:left; width: 204px; height: 38px; background: url('webgl-logo.png') no-repeat center }
#unity-build-title {
    /*position: absolute;*/
    z-index: 99;
    color: white;
    /*bottom: 11%;
    left: 50%;*/
    /*margin-right: -50%;*/
    /*margin-bottom: -1%;*/
    /*transform: translate(-50%, -50%);*/
    border-style: solid;
    padding: 0px 5px;
    background-color: red;
    border-color: red;
    /*float: right;
    margin-right: 10px;*/
    line-height: 38px;
    font-family: arial;
    font-size: 18px;
}
#unity-fullscreen-button { float: right; width: 38px; height: 38px; background: url('fullscreen-button.png') no-repeat center }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }
