body { padding: 0; margin: 0 }
#unity-container { position: absolute }
#unity-container.unity-desktop { width: 100%; height: 100% }
#unity-container.unity-mobile { width: 100%; height: 100% }
#unity-canvas { width: 100% !important; height: 100% !important; background: #231F20 }
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-loading-bar {  position: absolute; top: 0; width: 100%; height: 100%; display: block; overflow: hidden;}
#unity-progress-bar-empty {
  background-color: #444;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: inline-block;
}
#unity-progress-bar-full {
  background-color: #ffc20e;
  margin: 0;
  width: 0%;
  height: 100%;
  display: inline-block;
}
#unity-logo { display: none}
#unity-footer { display: none}
.unity-mobile #unity-footer { display: none}
#unity-webgl-logo { display: none}
#unity-build-title { display: none}
#unity-fullscreen-button { display: none}

.unity-embed #unity-progress-bar-empty{
  height: 10px;
}
.unity-embed #unity-loading-bar{
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: auto;
  width: 60%;
}
.unity-embed #unity-progress-bar-full{
  height:  20px;
}

.unity-embed #unity-logo{
  display: block;
  background-image: url("vr_all_art_logo.png");
  width: 100%;
  height: 100%;
  min-height: 150px;
  min-width: 150px;
  max-height: 200px;
  max-width: 200px;

  background-position: center;
  background-size: 100%;
  margin: auto;
  margin-bottom: 30px;

}