.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: #27335c;
  top: 72%;
  left: 95%;
  animation-duration: 140.5s;
  animation-delay: -116s;
  transform-origin: 6vw -5vh;
  box-shadow: -30vmin 0 5.3602801061vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(2) {
  color: #27335c;
  top: 54%;
  left: 67%;
  animation-duration: 160.8s;
  animation-delay: -111.2s;
  transform-origin: -7vw -9vh;
  box-shadow: 30vmin 0 10.4494991469vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(3) {
  color: #171f38;
  top: 32%;
  left: 81%;
  animation-duration: 124.6s;
  animation-delay: -127.5s;
  transform-origin: 20vw 17vh;
  box-shadow: 30vmin 0 9.0278841601vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(4) {
  color: #171f38;
  top: 14%;
  left: 29%;
  animation-duration: 21.3s;
  animation-delay: -150.3s;
  transform-origin: -14vw -4vh;
  box-shadow: -30vmin 0 8.3607063862vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(5) {
  color: #171f38;
  top: 78%;
  left: 16%;
  animation-duration: 146.9s;
  animation-delay: -124.9s;
  transform-origin: 16vw 25vh;
  box-shadow: -30vmin 0 4.5178924842vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(6) {
  color: #27335c;
  top: 45%;
  left: 43%;
  animation-duration: 186.5s;
  animation-delay: -46.6s;
  transform-origin: 15vw 14vh;
  box-shadow: 30vmin 0 7.6270835375vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(7) {
  color: #0e1323;
  top: 60%;
  left: 35%;
  animation-duration: 77.1s;
  animation-delay: -50.9s;
  transform-origin: 2vw 10vh;
  box-shadow: -30vmin 0 10.6886555278vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(8) {
  color: #171f38;
  top: 98%;
  left: 46%;
  animation-duration: 26.3s;
  animation-delay: -138.7s;
  transform-origin: -13vw 21vh;
  box-shadow: 30vmin 0 9.6145445996vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(9) {
  color: #27335c;
  top: 77%;
  left: 37%;
  animation-duration: 78.8s;
  animation-delay: -28.9s;
  transform-origin: 0vw -18vh;
  box-shadow: 30vmin 0 6.5946733172vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(10) {
  color: #0e1323;
  top: 30%;
  left: 30%;
  animation-duration: 52.4s;
  animation-delay: -146.3s;
  transform-origin: 25vw 19vh;
  box-shadow: -30vmin 0 6.9893425426vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(11) {
  color: #0e1323;
  top: 88%;
  left: 50%;
  animation-duration: 96s;
  animation-delay: -31.2s;
  transform-origin: -12vw -18vh;
  box-shadow: -30vmin 0 9.8399141534vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(12) {
  color: #27335c;
  top: 79%;
  left: 41%;
  animation-duration: 124s;
  animation-delay: -119.8s;
  transform-origin: -13vw -4vh;
  box-shadow: 30vmin 0 7.5114984743vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(13) {
  color: #0e1323;
  top: 90%;
  left: 27%;
  animation-duration: 132.4s;
  animation-delay: -163s;
  transform-origin: 22vw -21vh;
  box-shadow: 30vmin 0 5.495169243vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(14) {
  color: #27335c;
  top: 74%;
  left: 70%;
  animation-duration: 14.6s;
  animation-delay: -177.2s;
  transform-origin: 16vw -22vh;
  box-shadow: -30vmin 0 7.3437699499vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(15) {
  color: #27335c;
  top: 78%;
  left: 72%;
  animation-duration: 134.3s;
  animation-delay: -133.4s;
  transform-origin: 1vw 14vh;
  box-shadow: -30vmin 0 8.4134717443vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(16) {
  color: #0e1323;
  top: 12%;
  left: 98%;
  animation-duration: 179.1s;
  animation-delay: -27.9s;
  transform-origin: 15vw -17vh;
  box-shadow: -30vmin 0 8.6323707704vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(17) {
  color: #27335c;
  top: 14%;
  left: 1%;
  animation-duration: 178.6s;
  animation-delay: -124.7s;
  transform-origin: -23vw 25vh;
  box-shadow: -30vmin 0 5.4550979806vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(18) {
  color: #27335c;
  top: 58%;
  left: 87%;
  animation-duration: 130.1s;
  animation-delay: -70.8s;
  transform-origin: -5vw 8vh;
  box-shadow: 30vmin 0 8.5106862178vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(19) {
  color: #0e1323;
  top: 53%;
  left: 55%;
  animation-duration: 66.6s;
  animation-delay: -160.8s;
  transform-origin: -17vw 2vh;
  box-shadow: -30vmin 0 9.885281761vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(20) {
  color: #171f38;
  top: 14%;
  left: 20%;
  animation-duration: 120.6s;
  animation-delay: -161.5s;
  transform-origin: 5vw -6vh;
  box-shadow: -30vmin 0 7.4221511496vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(21) {
  color: #27335c;
  top: 46%;
  left: 17%;
  animation-duration: 160s;
  animation-delay: -97.8s;
  transform-origin: 5vw 16vh;
  box-shadow: 30vmin 0 6.9039882958vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(22) {
  color: #0e1323;
  top: 57%;
  left: 89%;
  animation-duration: 30.3s;
  animation-delay: -182.5s;
  transform-origin: -18vw -23vh;
  box-shadow: 30vmin 0 8.2153648423vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(23) {
  color: #27335c;
  top: 97%;
  left: 38%;
  animation-duration: 81.9s;
  animation-delay: -134s;
  transform-origin: -10vw -3vh;
  box-shadow: 30vmin 0 8.0827131841vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(24) {
  color: #0e1323;
  top: 93%;
  left: 31%;
  animation-duration: 122.4s;
  animation-delay: -178.3s;
  transform-origin: 5vw -15vh;
  box-shadow: -30vmin 0 7.00015143vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(25) {
  color: #27335c;
  top: 99%;
  left: 86%;
  animation-duration: 157.2s;
  animation-delay: -110.9s;
  transform-origin: 24vw -2vh;
  box-shadow: -30vmin 0 5.7998064957vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(26) {
  color: #171f38;
  top: 69%;
  left: 68%;
  animation-duration: 142.1s;
  animation-delay: -103.3s;
  transform-origin: -9vw -5vh;
  box-shadow: 30vmin 0 4.0334032319vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(27) {
  color: #0e1323;
  top: 71%;
  left: 62%;
  animation-duration: 15s;
  animation-delay: -109.3s;
  transform-origin: 23vw -17vh;
  box-shadow: 30vmin 0 9.8430124948vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(28) {
  color: #27335c;
  top: 52%;
  left: 66%;
  animation-duration: 165.6s;
  animation-delay: -11.2s;
  transform-origin: 25vw -18vh;
  box-shadow: 30vmin 0 10.7402050968vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(29) {
  color: #171f38;
  top: 25%;
  left: 12%;
  animation-duration: 28.4s;
  animation-delay: -55.1s;
  transform-origin: 0vw 10vh;
  box-shadow: -30vmin 0 5.7912921197vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(30) {
  color: #171f38;
  top: 27%;
  left: 8%;
  animation-duration: 108.4s;
  animation-delay: -19.1s;
  transform-origin: -1vw -9vh;
  box-shadow: -30vmin 0 9.7130065677vmin currentColor;
}

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