.svg-no-show > * {
  display: none;
}

.content-item {
  position: absolute;
  width: 120%;
  /* height:100%; */
  backface-visibility: inherit;
  top: 0;
  left: 0;
  pointer-events: all;
  font-size: 3em;
  transform: translate(-50%, -50%);
}

#app {
  width: 100%;
  position: relative;
  overflow: scroll;
  height: 100%;
  scroll-behavior: smooth;
}

#content {
  display: none;
}

#parrallax-container {
  height: 1500%;
  width: 100%;
  opacity: 0;
  position: absolute;
  pointer-events: none;
}

#lottie {
  position: fixed;
  display: block;
  pointer-events: none;
  top: 50%;
  left: 50%;
  width: 100vmax;
  height: 100vmax;
  transform: translate3d(-50%, -50%, 0);
  opacity: 1;
}
#lottie * {
  transform-style: preserve-3d;
}