.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: 100%;
  left: 43%;
  animation-duration: 109s;
  animation-delay: -47.5s;
  transform-origin: 13vw 3vh;
  box-shadow: 30vmin 0 10.3285428514vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(2) {
  color: #27335c;
  top: 25%;
  left: 19%;
  animation-duration: 106s;
  animation-delay: -61.2s;
  transform-origin: 2vw 4vh;
  box-shadow: 30vmin 0 6.0153475507vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(3) {
  color: #171f38;
  top: 45%;
  left: 63%;
  animation-duration: 67.9s;
  animation-delay: -65s;
  transform-origin: 4vw -18vh;
  box-shadow: 30vmin 0 6.1711493978vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(4) {
  color: #27335c;
  top: 32%;
  left: 23%;
  animation-duration: 22.3s;
  animation-delay: -75.3s;
  transform-origin: -7vw 6vh;
  box-shadow: 30vmin 0 6.3434624116vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(5) {
  color: #0e1323;
  top: 6%;
  left: 83%;
  animation-duration: 127.4s;
  animation-delay: -58.1s;
  transform-origin: -2vw 24vh;
  box-shadow: 30vmin 0 7.8394836402vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(6) {
  color: #0e1323;
  top: 81%;
  left: 50%;
  animation-duration: 80.2s;
  animation-delay: -42s;
  transform-origin: 25vw -21vh;
  box-shadow: -30vmin 0 7.7210295905vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(7) {
  color: #27335c;
  top: 56%;
  left: 97%;
  animation-duration: 43.2s;
  animation-delay: -44.3s;
  transform-origin: -16vw -15vh;
  box-shadow: -30vmin 0 9.2721021012vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(8) {
  color: #27335c;
  top: 85%;
  left: 8%;
  animation-duration: 152.3s;
  animation-delay: -36s;
  transform-origin: 8vw -15vh;
  box-shadow: -30vmin 0 4.9862343702vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(9) {
  color: #27335c;
  top: 88%;
  left: 81%;
  animation-duration: 66.6s;
  animation-delay: -143.9s;
  transform-origin: 25vw -23vh;
  box-shadow: 30vmin 0 4.6008770691vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(10) {
  color: #0e1323;
  top: 98%;
  left: 75%;
  animation-duration: 186.5s;
  animation-delay: -113.4s;
  transform-origin: -7vw 10vh;
  box-shadow: 30vmin 0 6.5270051325vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(11) {
  color: #27335c;
  top: 21%;
  left: 49%;
  animation-duration: 17.7s;
  animation-delay: -158.5s;
  transform-origin: 23vw -4vh;
  box-shadow: -30vmin 0 10.8760083547vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(12) {
  color: #171f38;
  top: 76%;
  left: 95%;
  animation-duration: 60.8s;
  animation-delay: -110.8s;
  transform-origin: -1vw 5vh;
  box-shadow: 30vmin 0 10.3957772393vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(13) {
  color: #171f38;
  top: 80%;
  left: 94%;
  animation-duration: 109s;
  animation-delay: -82.2s;
  transform-origin: -16vw 23vh;
  box-shadow: -30vmin 0 8.7843699353vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(14) {
  color: #171f38;
  top: 76%;
  left: 82%;
  animation-duration: 141.2s;
  animation-delay: -62.9s;
  transform-origin: 7vw -22vh;
  box-shadow: -30vmin 0 7.682571866vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(15) {
  color: #0e1323;
  top: 70%;
  left: 16%;
  animation-duration: 88.4s;
  animation-delay: -165.7s;
  transform-origin: -12vw 0vh;
  box-shadow: 30vmin 0 6.2144923918vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(16) {
  color: #171f38;
  top: 33%;
  left: 13%;
  animation-duration: 105.2s;
  animation-delay: -130.4s;
  transform-origin: -22vw -6vh;
  box-shadow: 30vmin 0 7.3783574325vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(17) {
  color: #0e1323;
  top: 14%;
  left: 33%;
  animation-duration: 100.7s;
  animation-delay: -76.5s;
  transform-origin: 25vw -14vh;
  box-shadow: 30vmin 0 10.4884307236vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(18) {
  color: #171f38;
  top: 95%;
  left: 22%;
  animation-duration: 135.8s;
  animation-delay: -178.7s;
  transform-origin: -6vw -2vh;
  box-shadow: 30vmin 0 10.5796477998vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(19) {
  color: #0e1323;
  top: 1%;
  left: 68%;
  animation-duration: 147s;
  animation-delay: -187.9s;
  transform-origin: -12vw -11vh;
  box-shadow: -30vmin 0 5.7481458103vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(20) {
  color: #27335c;
  top: 54%;
  left: 52%;
  animation-duration: 180.4s;
  animation-delay: -51.4s;
  transform-origin: 25vw -16vh;
  box-shadow: -30vmin 0 9.1777471391vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(21) {
  color: #27335c;
  top: 59%;
  left: 4%;
  animation-duration: 118.2s;
  animation-delay: -29.8s;
  transform-origin: -24vw 23vh;
  box-shadow: 30vmin 0 7.6090393403vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(22) {
  color: #27335c;
  top: 93%;
  left: 66%;
  animation-duration: 135.9s;
  animation-delay: -120.8s;
  transform-origin: 21vw -2vh;
  box-shadow: -30vmin 0 9.0681983455vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(23) {
  color: #27335c;
  top: 36%;
  left: 30%;
  animation-duration: 99.4s;
  animation-delay: -167.5s;
  transform-origin: -2vw -21vh;
  box-shadow: 30vmin 0 5.457108346vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(24) {
  color: #0e1323;
  top: 8%;
  left: 54%;
  animation-duration: 86.6s;
  animation-delay: -148.7s;
  transform-origin: 16vw 19vh;
  box-shadow: -30vmin 0 10.1577032719vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(25) {
  color: #171f38;
  top: 55%;
  left: 16%;
  animation-duration: 56.7s;
  animation-delay: -109s;
  transform-origin: -13vw 9vh;
  box-shadow: 30vmin 0 8.1363844879vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(26) {
  color: #27335c;
  top: 54%;
  left: 3%;
  animation-duration: 24.7s;
  animation-delay: -147.2s;
  transform-origin: 12vw 9vh;
  box-shadow: 30vmin 0 9.5037968514vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(27) {
  color: #27335c;
  top: 42%;
  left: 44%;
  animation-duration: 82.6s;
  animation-delay: -55.8s;
  transform-origin: -6vw 16vh;
  box-shadow: 30vmin 0 8.9800117612vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(28) {
  color: #171f38;
  top: 35%;
  left: 5%;
  animation-duration: 124.3s;
  animation-delay: -172s;
  transform-origin: -19vw -11vh;
  box-shadow: 30vmin 0 8.5011050028vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(29) {
  color: #171f38;
  top: 4%;
  left: 9%;
  animation-duration: 69s;
  animation-delay: -124.7s;
  transform-origin: 10vw 13vh;
  box-shadow: -30vmin 0 9.1342768668vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(30) {
  color: #171f38;
  top: 80%;
  left: 36%;
  animation-duration: 27.9s;
  animation-delay: -40.6s;
  transform-origin: 1vw -20vh;
  box-shadow: 30vmin 0 4.6155298029vmin currentColor;
}

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