.wc-fill-bg-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 50%;
  bottom: 0;
  background: #1B2F6E;
  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: #121f49;
  top: 44%;
  left: 58%;
  animation-duration: 68.2s;
  animation-delay: -122.5s;
  transform-origin: 24vw -7vh;
  box-shadow: 30vmin 0 6.0172527728vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(2) {
  color: #182a62;
  top: 67%;
  left: 74%;
  animation-duration: 69.6s;
  animation-delay: -54.6s;
  transform-origin: 23vw -23vh;
  box-shadow: -30vmin 0 6.7842315795vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(3) {
  color: #121f49;
  top: 3%;
  left: 59%;
  animation-duration: 90.5s;
  animation-delay: -38s;
  transform-origin: 9vw 21vh;
  box-shadow: 30vmin 0 4.8767364668vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(4) {
  color: #223b8b;
  top: 34%;
  left: 53%;
  animation-duration: 84.3s;
  animation-delay: -70.5s;
  transform-origin: -9vw 15vh;
  box-shadow: 30vmin 0 5.3431362112vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(5) {
  color: #121f49;
  top: 6%;
  left: 20%;
  animation-duration: 124.5s;
  animation-delay: -121s;
  transform-origin: -20vw 13vh;
  box-shadow: 30vmin 0 4.8948723015vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(6) {
  color: #182a62;
  top: 54%;
  left: 39%;
  animation-duration: 109.5s;
  animation-delay: -97.6s;
  transform-origin: 23vw -8vh;
  box-shadow: -30vmin 0 10.7671811735vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(7) {
  color: #223b8b;
  top: 91%;
  left: 56%;
  animation-duration: 71.6s;
  animation-delay: -142.8s;
  transform-origin: 20vw -11vh;
  box-shadow: -30vmin 0 5.7704507351vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(8) {
  color: #182a62;
  top: 83%;
  left: 56%;
  animation-duration: 188s;
  animation-delay: -21.8s;
  transform-origin: -7vw -6vh;
  box-shadow: -30vmin 0 4.6809528245vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(9) {
  color: #182a62;
  top: 17%;
  left: 10%;
  animation-duration: 101.6s;
  animation-delay: -107.4s;
  transform-origin: -22vw -4vh;
  box-shadow: -30vmin 0 5.7015915217vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(10) {
  color: #121f49;
  top: 2%;
  left: 87%;
  animation-duration: 28.2s;
  animation-delay: -183.3s;
  transform-origin: -7vw 2vh;
  box-shadow: -30vmin 0 6.938482847vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(11) {
  color: #182a62;
  top: 34%;
  left: 69%;
  animation-duration: 131.9s;
  animation-delay: -164.3s;
  transform-origin: 0vw 5vh;
  box-shadow: 30vmin 0 5.9043678312vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(12) {
  color: #182a62;
  top: 80%;
  left: 57%;
  animation-duration: 58.6s;
  animation-delay: -174.2s;
  transform-origin: -20vw 1vh;
  box-shadow: 30vmin 0 10.1960387301vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(13) {
  color: #182a62;
  top: 34%;
  left: 89%;
  animation-duration: 145.5s;
  animation-delay: -28s;
  transform-origin: 14vw 1vh;
  box-shadow: -30vmin 0 8.2004730399vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(14) {
  color: #121f49;
  top: 49%;
  left: 8%;
  animation-duration: 83.8s;
  animation-delay: -131.2s;
  transform-origin: -19vw -9vh;
  box-shadow: -30vmin 0 8.6447229627vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(15) {
  color: #182a62;
  top: 16%;
  left: 18%;
  animation-duration: 153s;
  animation-delay: -11s;
  transform-origin: 9vw -16vh;
  box-shadow: -30vmin 0 8.4177930263vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(16) {
  color: #223b8b;
  top: 15%;
  left: 11%;
  animation-duration: 25s;
  animation-delay: -93.5s;
  transform-origin: 16vw -4vh;
  box-shadow: 30vmin 0 6.8509186718vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(17) {
  color: #121f49;
  top: 49%;
  left: 87%;
  animation-duration: 87.8s;
  animation-delay: -44.4s;
  transform-origin: -19vw -18vh;
  box-shadow: -30vmin 0 5.6822199849vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(18) {
  color: #182a62;
  top: 82%;
  left: 35%;
  animation-duration: 121.7s;
  animation-delay: -66.6s;
  transform-origin: 15vw -4vh;
  box-shadow: -30vmin 0 8.7986585791vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(19) {
  color: #121f49;
  top: 19%;
  left: 36%;
  animation-duration: 20.5s;
  animation-delay: -43.6s;
  transform-origin: -10vw -3vh;
  box-shadow: -30vmin 0 5.0996563212vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(20) {
  color: #121f49;
  top: 97%;
  left: 40%;
  animation-duration: 178.4s;
  animation-delay: -121.4s;
  transform-origin: -24vw 19vh;
  box-shadow: -30vmin 0 4.3085342109vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(21) {
  color: #223b8b;
  top: 29%;
  left: 75%;
  animation-duration: 44.6s;
  animation-delay: -171.5s;
  transform-origin: 7vw -19vh;
  box-shadow: -30vmin 0 8.1604664207vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(22) {
  color: #223b8b;
  top: 26%;
  left: 82%;
  animation-duration: 147.9s;
  animation-delay: -153.5s;
  transform-origin: -17vw 13vh;
  box-shadow: 30vmin 0 9.2990220889vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(23) {
  color: #182a62;
  top: 73%;
  left: 92%;
  animation-duration: 83.3s;
  animation-delay: -103.4s;
  transform-origin: 11vw 9vh;
  box-shadow: 30vmin 0 6.4521237682vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(24) {
  color: #121f49;
  top: 76%;
  left: 29%;
  animation-duration: 186.8s;
  animation-delay: -73.2s;
  transform-origin: -9vw -6vh;
  box-shadow: -30vmin 0 5.581742402vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(25) {
  color: #121f49;
  top: 2%;
  left: 12%;
  animation-duration: 87.7s;
  animation-delay: -117.1s;
  transform-origin: 7vw -24vh;
  box-shadow: 30vmin 0 6.1986574018vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(26) {
  color: #182a62;
  top: 39%;
  left: 53%;
  animation-duration: 41.7s;
  animation-delay: -49.5s;
  transform-origin: 0vw 3vh;
  box-shadow: -30vmin 0 7.2964190318vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(27) {
  color: #182a62;
  top: 38%;
  left: 99%;
  animation-duration: 15.4s;
  animation-delay: -111.1s;
  transform-origin: 24vw 8vh;
  box-shadow: -30vmin 0 7.2903443662vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(28) {
  color: #182a62;
  top: 79%;
  left: 57%;
  animation-duration: 40.1s;
  animation-delay: -117.2s;
  transform-origin: -13vw -14vh;
  box-shadow: -30vmin 0 4.5507610554vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(29) {
  color: #182a62;
  top: 46%;
  left: 61%;
  animation-duration: 76.7s;
  animation-delay: -150.9s;
  transform-origin: -9vw -7vh;
  box-shadow: -30vmin 0 7.4377400865vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(30) {
  color: #223b8b;
  top: 45%;
  left: 88%;
  animation-duration: 135.8s;
  animation-delay: -28.2s;
  transform-origin: 13vw -7vh;
  box-shadow: -30vmin 0 9.6148959104vmin currentColor;
}

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