.wc-fill-bg-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 50%;
  bottom: 0;
  background: #1C2543;
  overflow: hidden;
}
.wc-fill-bg-container > span {
  width: 15vmin;
  height: 15vmin;
  border-radius: 15vmin;
  backface-visibility: hidden;
  position: absolute;
  animation-name: move;
  animation-duration: 180s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.wc-fill-bg-container > span:nth-child(1) {
  color: #171f38;
  top: 75%;
  left: 20%;
  animation-duration: 174.7s;
  animation-delay: -47.4s;
  transform-origin: 15vw 13vh;
  box-shadow: -30vmin 0 7.7932342671vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(2) {
  color: #27335c;
  top: 8%;
  left: 20%;
  animation-duration: 55.1s;
  animation-delay: -42.4s;
  transform-origin: 11vw 11vh;
  box-shadow: -30vmin 0 10.5555152276vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(3) {
  color: #171f38;
  top: 47%;
  left: 1%;
  animation-duration: 108.9s;
  animation-delay: -96.1s;
  transform-origin: -13vw 21vh;
  box-shadow: 30vmin 0 4.3672655029vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(4) {
  color: #171f38;
  top: 45%;
  left: 58%;
  animation-duration: 93.8s;
  animation-delay: -56.7s;
  transform-origin: 22vw -1vh;
  box-shadow: -30vmin 0 7.6389653473vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(5) {
  color: #27335c;
  top: 84%;
  left: 5%;
  animation-duration: 12.1s;
  animation-delay: -33s;
  transform-origin: -2vw 12vh;
  box-shadow: -30vmin 0 9.8326322612vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(6) {
  color: #27335c;
  top: 58%;
  left: 47%;
  animation-duration: 184.7s;
  animation-delay: -84.6s;
  transform-origin: -5vw -13vh;
  box-shadow: 30vmin 0 5.9442088577vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(7) {
  color: #171f38;
  top: 19%;
  left: 98%;
  animation-duration: 108.3s;
  animation-delay: -56.4s;
  transform-origin: 7vw -8vh;
  box-shadow: 30vmin 0 10.2806285528vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(8) {
  color: #27335c;
  top: 58%;
  left: 89%;
  animation-duration: 178.5s;
  animation-delay: -23.9s;
  transform-origin: -6vw -6vh;
  box-shadow: 30vmin 0 6.1568760815vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(9) {
  color: #171f38;
  top: 10%;
  left: 36%;
  animation-duration: 53.3s;
  animation-delay: -4s;
  transform-origin: 14vw 14vh;
  box-shadow: -30vmin 0 5.0713475095vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(10) {
  color: #27335c;
  top: 86%;
  left: 75%;
  animation-duration: 131s;
  animation-delay: -152.9s;
  transform-origin: 15vw 20vh;
  box-shadow: -30vmin 0 9.3443097939vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(11) {
  color: #171f38;
  top: 31%;
  left: 37%;
  animation-duration: 80.5s;
  animation-delay: -61.2s;
  transform-origin: -6vw 2vh;
  box-shadow: -30vmin 0 10.0749966935vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(12) {
  color: #0e1323;
  top: 77%;
  left: 3%;
  animation-duration: 155.2s;
  animation-delay: -160.1s;
  transform-origin: 9vw -6vh;
  box-shadow: 30vmin 0 9.3871174945vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(13) {
  color: #27335c;
  top: 33%;
  left: 14%;
  animation-duration: 180.4s;
  animation-delay: -151.3s;
  transform-origin: 9vw 17vh;
  box-shadow: -30vmin 0 6.6268391439vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(14) {
  color: #171f38;
  top: 33%;
  left: 70%;
  animation-duration: 87.5s;
  animation-delay: -81.6s;
  transform-origin: 3vw 3vh;
  box-shadow: -30vmin 0 7.9407079826vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(15) {
  color: #0e1323;
  top: 75%;
  left: 45%;
  animation-duration: 174.9s;
  animation-delay: -158.2s;
  transform-origin: 3vw 10vh;
  box-shadow: -30vmin 0 9.0340667038vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(16) {
  color: #0e1323;
  top: 55%;
  left: 16%;
  animation-duration: 115.2s;
  animation-delay: -60s;
  transform-origin: -2vw -8vh;
  box-shadow: -30vmin 0 4.5084743843vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(17) {
  color: #0e1323;
  top: 70%;
  left: 90%;
  animation-duration: 29.7s;
  animation-delay: -34.2s;
  transform-origin: -18vw 20vh;
  box-shadow: 30vmin 0 10.2174756793vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(18) {
  color: #0e1323;
  top: 47%;
  left: 98%;
  animation-duration: 133.6s;
  animation-delay: -61.3s;
  transform-origin: -16vw -9vh;
  box-shadow: 30vmin 0 5.8202748722vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(19) {
  color: #27335c;
  top: 94%;
  left: 35%;
  animation-duration: 40.6s;
  animation-delay: -71.6s;
  transform-origin: 13vw 23vh;
  box-shadow: 30vmin 0 7.9425338818vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(20) {
  color: #0e1323;
  top: 95%;
  left: 25%;
  animation-duration: 111.6s;
  animation-delay: -85.6s;
  transform-origin: -4vw 17vh;
  box-shadow: 30vmin 0 4.5090174522vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(21) {
  color: #171f38;
  top: 17%;
  left: 13%;
  animation-duration: 83.7s;
  animation-delay: -7.3s;
  transform-origin: -23vw 21vh;
  box-shadow: -30vmin 0 9.106846461vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(22) {
  color: #171f38;
  top: 85%;
  left: 71%;
  animation-duration: 107s;
  animation-delay: -137s;
  transform-origin: 5vw 16vh;
  box-shadow: 30vmin 0 6.7753808921vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(23) {
  color: #0e1323;
  top: 45%;
  left: 33%;
  animation-duration: 88.7s;
  animation-delay: -87.7s;
  transform-origin: 9vw -6vh;
  box-shadow: 30vmin 0 8.1404108277vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(24) {
  color: #171f38;
  top: 48%;
  left: 79%;
  animation-duration: 75.1s;
  animation-delay: -188.1s;
  transform-origin: -6vw 0vh;
  box-shadow: -30vmin 0 4.6381840179vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(25) {
  color: #0e1323;
  top: 37%;
  left: 71%;
  animation-duration: 12.1s;
  animation-delay: -100.5s;
  transform-origin: 3vw 1vh;
  box-shadow: -30vmin 0 6.4271372522vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(26) {
  color: #171f38;
  top: 34%;
  left: 4%;
  animation-duration: 153.7s;
  animation-delay: -140.2s;
  transform-origin: 23vw 18vh;
  box-shadow: 30vmin 0 9.6676351767vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(27) {
  color: #27335c;
  top: 31%;
  left: 15%;
  animation-duration: 60.3s;
  animation-delay: -69.3s;
  transform-origin: -2vw -22vh;
  box-shadow: 30vmin 0 7.2859820996vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(28) {
  color: #171f38;
  top: 79%;
  left: 86%;
  animation-duration: 88.4s;
  animation-delay: -148s;
  transform-origin: 11vw -16vh;
  box-shadow: 30vmin 0 9.0999503503vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(29) {
  color: #0e1323;
  top: 15%;
  left: 56%;
  animation-duration: 175.3s;
  animation-delay: -7.3s;
  transform-origin: -13vw 22vh;
  box-shadow: -30vmin 0 8.2061597264vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(30) {
  color: #0e1323;
  top: 33%;
  left: 31%;
  animation-duration: 25.4s;
  animation-delay: -110.9s;
  transform-origin: -9vw -1vh;
  box-shadow: -30vmin 0 5.0375310597vmin currentColor;
}

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