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 { width: 100%; height: 100%; background: black }
#unity-canvas { background: #231F20; background: url(bg.png); background-repeat: no-repeat; background-size: cover; background-position: center center; }
.unity-mobile #unity-canvas { width: 100%; height: 100% #231F20; background: url(banner.webp); background-repeat: no-repeat; background-size: cover; background-position: center center; }
#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none;}
#unity-logo { background-size: 154px 154px;  width: 154px; height: 154px; background: url('wildlands-logo-dark.png') no-repeat center }
#unity-progress-bar-empty { width: 300px; height: 39px; margin-top: 10px; background: url('progress-bar-empty-dark.png') no-repeat center }
#unity-progress-bar-full { width: 0%; height: 39px; margin-top: 10px; background: url('progress-bar-full-dark.png') no-repeat center }
#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 { 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 }
.web3modal-modal-card { font-family: sans-serif}

     .webgl-content {
        width: 100%;
        height: 100%;
      }
      .game {
        position: absolute;
        margin: auto !important;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: black;
        width: 100%;
        height: 99%;
      }
  
      @media (max-aspect-ratio:16/9) {
        .game {
          width: 100vw;
          height: calc((9/16)*100vw);
        } 
      }
  
      @media (min-aspect-ratio:24/9) {
        .game {
          height: 98vh;
          width: calc((24/9)*100vh);
        }
      }