body, html {
  width: 100%;
  height: 100vh;
  margin: 0;
  padding: 0;
  border: 0px none;
  position: relative;

}

#unity-container { position: absolute }

#unity-container.unity-desktop { height: 100%; margin: 0px; padding: 0px; border: 0px; position: relative; }
#unity-container.unity-mobile { width: 100%; height: 100% }
#unity-canvas { background-image: url("background.png");


  height: 100%;


  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-loading-bar { position: absolute; left: 50%; top: 76%; transform: translateX(-50%); display: none }

#unity-progress-bar-empty {
  width: 535px;
  background: url('progress_bar_empty.png') no-repeat center;
  background-size: contain;
}

#unity-progress-bar-full {
  width: 0%;
  height: 50px;
  margin-top: 0;
  position: relative;
  left: 0;
  background: url('progress-bar-full-light.png') no-repeat left;
  transform: translateY(-2px);
}

#unity-progress-info {
  position: absolute;
  left: 50%;
  top: 100%;

  transform: translateX(-50%);
  color: white;

  font-family: sans-serif;
  font-weight: bold;

  text-align: center;

  font-size: 14px;
  line-height: 20px;
}

#unity-progress-info div + div {
  margin-top: 6px;

  font-size: 12px;
  line-height: 18px;
}
#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 }
@media (orientation: portrait) {
  #unity-canvas {
    background-image: url("not_supported.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .unity-desktop {
    background-image: url("not_supported.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
}
