@import "../variables";

.universal-scene {
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: $background-color;
  position: absolute;
  &.fog {
    z-index: 2;
    width: 100%;
    height: 100%;
    animation-iteration-count: 1;
    animation-name: fog-animation;
    animation-timing-function: ease-in-out;
    animation-duration: 1s;
    position: absolute;
    pointer-events: none;
    background-color: transparent;
  }
}

@keyframes fog-animation {
  0% {
    background-color: rgba($background-color, 1);
  }
  100% {
    background-color: rgba($background-color, 0);
  }
}