html,body {
  /*background-color: white;*/
  color: black;
  font-family: Lucida Sans Unicode !important;
  overflow-y: hidden;
}

.animation-wrapper-full-none{
  width: 100%;
}

.animation-wrapper-full-desktop{
  width: 100%;
}

.animation-wrapper-full-square{
  aspect-ratio: 1 / 1;
}

.animation-wrapper-full-vertical{
  aspect-ratio: 9 / 16;
}

.animation-wrapper-site{
  aspect-ratio: 16 / 9;
}

@media (orientation: portrait) and (max-width: 600px) {
  .animation-wrapper-site{
    aspect-ratio: 9 / 16;
  }
}

.threejs-wrapper{
  position: absolute; 
  z-index: 5; 
  width: 100%; 
  height: 100% !important;
  font-family: Roboto Condensed; 
  top: 0 !important;
  overflow: hidden;
}

.overlay-wrapper-full{
  height: 100% !important;
  top: 0 !important;
  bottom: 0 !important;
}

.overlay-wrapper-transparent{
  background-color: transparent;
  color: white;
  text-shadow: -2px -2px 0 #000,
                0   -2px 0 #000,
                2px -2px 0 #000,
                -2px  0   0 #000,
                2px  0   0 #000,
                -2px  2px 0 #000,
                0    2px 0 #000,
                2px  2px 0 #000,
                0px  0px 8px #000,
                2px  2px 0 #000,
                0px  0px 8px #000;
}

.overlay-wrapper-color{
  background-color: black;
  color: white;
}

.overlay-content-background{
  background-color: white;
  text-shadow: none;
  color: black;
  padding: 0.2em 0.4em;
  border-radius: 8px;
}

.overlay-content-image{
  background-image: url('../../../../globalContent/images/public/2023-06-09-08-02-38_Sign-Info-icon.png');
  background-position: 0.25em 0.25em;
  background-size: 1em;
  background-repeat: no-repeat;
  padding-left: 1.5em;
}