#background {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  z-index: -1;
}

#background canvas {
  width: 100%;
  height: 100%;
  background: transparent;
}

.bottomSection {
  position: sticky;
  z-index: -1;
}

.topSection {
  position: sticky;
  z-index: 1;
  background: transparent;
}

.uspHighlightTop {
  padding: 20vh 0 20vh 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.environmentTop {
  padding: 10vh 0 20vh 0;
  position: absolute;
  top: 0;
  width: 100%;
  /* min-height: 100vh; */
}

.tradingPlatformTop {
  padding: 20vh 0 20vh 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.awardListingTop {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 20vh 0;
}

.body-content__rollig-text {
  white-space: nowrap;
  }

  .rolling-text__text {
    display: inline-block;
  }

  .rolling-text__text2 {
    display: inline-block;
  }

  .rolling-text__text3 {
    display: inline-block;
  }

  .rolling-text__text-env {
    display: inline-block;
  }


.background {
  width: 100vw;
  height: 100vh;
  background: transparent;
  width: 100%;
  height: 100vh;
  position: absolute;
  z-index: 5;
}

.background span {
  width: 10vmin;
  height: 10vmin;
  border-radius: 10vmin;
  backface-visibility: hidden;
  position: absolute;
  animation-name: move;
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.background span:nth-child(1) {
  color: #EF4223;
  top: 8%;
  left: 16%;
  animation-duration: 15.2s;
  animation-delay: -12.5s;
  transform-origin: -20vw 18vh;
  box-shadow: 40vmin 0 14.7343363896vmin currentColor;
}

.background span:nth-child(2) {
  color: #fff;
  top: 88%;
  left: 28%;
  animation-duration: 13.7s;
  animation-delay: -2.7s;
  transform-origin: 9vw -15vh;
  box-shadow: 40vmin 0 11.8053581901vmin currentColor;
}

.background span:nth-child(3) {
  color: #EF4223;
  top: 63%;
  left: 83%;
  animation-duration: 10.5s;
  animation-delay: -13.5s;
  transform-origin: -3vw 0vh;
  box-shadow: 40vmin 0 9.9252312478vmin currentColor;
}

.background span:nth-child(4) {
  color: #EF4223;
  top: 83%;
  left: 88%;
  animation-duration: 15s;
  animation-delay: -12.5s;
  transform-origin: 6vw -24vh;
  box-shadow: 40vmin 0 5.2177829734vmin currentColor;
}

.background span:nth-child(5) {
  color: #fff;
  top: 44%;
  left: 30%;
  animation-duration: 13.5s;
  animation-delay: -0.6s;
  transform-origin: 18vw 15vh;
  box-shadow: -40vmin 0 14.447297662vmin currentColor;
}

.background span:nth-child(6) {
  color: #EF4223;
  top: 10%;
  left: 39%;
  animation-duration: 10.5s;
  animation-delay: -13.9s;
  transform-origin: 4vw 10vh;
  box-shadow: -40vmin 0 11.7768568537vmin currentColor;
}

.background span:nth-child(7) {
  color: #EF4223;
  top: 57%;
  left: 65%;
  animation-duration: 12.6s;
  animation-delay: -8s;
  transform-origin: -2vw -15vh;
  box-shadow: 40vmin 0 10.5674109691vmin currentColor;
}

.background span:nth-child(8) {
  color: #fff;
  top: 83%;
  left: 44%;
  animation-duration: 13.8s;
  animation-delay: -10s;
  transform-origin: 18vw -24vh;
  box-shadow: -40vmin 0 6.748022979vmin currentColor;
}

@keyframes move {
  100% {
    transform: translate3d(0, 0, 1px) rotate(360deg);
  }
}