body { padding: 0; margin: 0 ;overflow: hidden;user-select: none;}
#unity-container { position: fixed ; width:100%; height:100%;display: flex;justify-content: center;}
/* #unity-container.unity-desktop { left: 50%; top: 50%; transform: translate(-50%, -50%) } */
/* #unity-container.unity-mobile { position: fixed; width: 100%; height: 100% } */
#unity-canvas {}
#unity-bg{z-index: 1;width: 100%;height: 100%;position: absolute;background: url('webgl-logo.png') no-repeat center;background-size:cover}
#unity-logo{z-index: 2;width: 50%;height:20%;position: absolute;top:10%;background: url('unity-logo.png') no-repeat center;background-size: contain;}
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-loading-bar {z-index: 2;display:flex;flex-direction: column-reverse;justify-content: center;align-items: center;width:90%;height:50%;top:50%;position: absolute; }
#unity-progress-bar-empty { display: block; width: 90%; height: 29px; background-color: #fff6; margin: 15px auto; border-radius: 17.5px; border: solid 3px #fff; padding: 2px;}
#unity-progress-bar-full {display: block; width: 100%; height: 100%; background-color: #5ce1e6; border-radius: 17.5px; background-clip: content-box;}
#text1{background-color:rgb(0,0,0,50%);margin-top: 15px;text-align: center;color: white;font-size:3.7vw;white-space: nowrap}
#unity-footer { position: relative }
.unity-mobile #unity-footer { display: none }
#unity-build-title { float: right; margin-right: 10px; line-height: 38px; font-family: arial; font-size: 18px }
#unity-fullscreen-button { cursor:pointer; 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 } */