body {
    padding: 0;
    margin: 0
}

#unity-container {
    position: absolute
}

    #unity-container.unity-desktop {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%)
    }

    #unity-container.unity-mobile {
        position: fixed;
        width: 100%;
        height: 100%
    }

/*
#unity-canvas {
    width: 100%;
    height: 100%;
    background: #01acc6
}
*/
#unity-canvas {
    width: 100%;
    height: 100%;
    
    /* Set background image */
    background-color: #FFFFFF;
    background-image: url('insidebg.png');  
    background-size: contain;  
    background-position: center;  
    background-repeat: no-repeat; 
}
#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none }
#unity-logo { width: 400px; height: 200px; background: url('unity-logo-dark.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-dark.png') no-repeat center }
#unity-progress-bar-full { width: 0%; height: 18px; margin-top: 10px; background: url('progress-bar-full-dark.png') no-repeat center }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }