body {
    margin: 0;
    padding: 0;
  }
  
  * {
    box-sizing: border-box;
  }
  
  .hub__wrapper {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: relative;
  }
  .hub__wrapper .hub {
    position: relative;
    width: 10311px;
    height: 6442px;
  }
  .hub__wrapper .hub .hub__inner-wrapper {
    width: 100%;
    height: 100%;
    display: inline-block;
  }
  .hub__wrapper .hub img {
    width: 100%;
  }
  .hub__wrapper .hub #light__off {
    position: relative;
  }
  
  /* 10311 x 6442 */
  @media (min-width: 768px) {
    .mini-map {
      position: fixed;
      bottom: 15px;
      left: 15px;
      width: 400px;
      height: 250px;
      z-index: 20000;
      border-radius: 12px;
      box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.5);
      border: 1px solid black;
      background: url(/images/Detailed_Fearun_map.png) top left no-repeat;
      background-size: cover;
    }
  
    .mini-map-marker {
      position: absolute;
      border: 2px solid #fff;
    }
  }