.wc-fill-bg-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 50%;
  bottom: 0;
  background: #445A7D;
  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: rgb(62.6093264249, 82.8652849741, 115.0906735751);
  top: 93%;
  left: 89%;
  animation-duration: 25.5s;
  animation-delay: -141.2s;
  transform-origin: 18vw -11vh;
  box-shadow: 30vmin 0 7.5295964773vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(2) {
  color: rgb(62.6093264249, 82.8652849741, 115.0906735751);
  top: 26%;
  left: 56%;
  animation-duration: 122.2s;
  animation-delay: -82.9s;
  transform-origin: 25vw 14vh;
  box-shadow: 30vmin 0 9.9852570137vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(3) {
  color: rgb(80.578238342, 106.6476683938, 148.121761658);
  top: 55%;
  left: 82%;
  animation-duration: 40.7s;
  animation-delay: -185.2s;
  transform-origin: 4vw -9vh;
  box-shadow: -30vmin 0 9.1679186882vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(4) {
  color: rgb(51.8279792746, 68.5958549223, 95.2720207254);
  top: 68%;
  left: 91%;
  animation-duration: 174.8s;
  animation-delay: -96.9s;
  transform-origin: 20vw 19vh;
  box-shadow: 30vmin 0 4.9651775545vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(5) {
  color: rgb(51.8279792746, 68.5958549223, 95.2720207254);
  top: 38%;
  left: 57%;
  animation-duration: 183s;
  animation-delay: -136.5s;
  transform-origin: -1vw 2vh;
  box-shadow: -30vmin 0 5.3999419057vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(6) {
  color: rgb(62.6093264249, 82.8652849741, 115.0906735751);
  top: 61%;
  left: 72%;
  animation-duration: 174.7s;
  animation-delay: -44.3s;
  transform-origin: -17vw -18vh;
  box-shadow: 30vmin 0 8.403192403vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(7) {
  color: rgb(80.578238342, 106.6476683938, 148.121761658);
  top: 40%;
  left: 41%;
  animation-duration: 113s;
  animation-delay: -185.9s;
  transform-origin: 6vw -7vh;
  box-shadow: -30vmin 0 9.1651274161vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(8) {
  color: rgb(51.8279792746, 68.5958549223, 95.2720207254);
  top: 88%;
  left: 7%;
  animation-duration: 143.7s;
  animation-delay: -143.1s;
  transform-origin: -9vw 15vh;
  box-shadow: 30vmin 0 4.5954837059vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(9) {
  color: rgb(80.578238342, 106.6476683938, 148.121761658);
  top: 88%;
  left: 70%;
  animation-duration: 174.9s;
  animation-delay: -4.7s;
  transform-origin: 21vw -7vh;
  box-shadow: -30vmin 0 8.9093819739vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(10) {
  color: rgb(51.8279792746, 68.5958549223, 95.2720207254);
  top: 10%;
  left: 47%;
  animation-duration: 57.1s;
  animation-delay: -86.2s;
  transform-origin: 10vw -3vh;
  box-shadow: -30vmin 0 8.5177905747vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(11) {
  color: rgb(62.6093264249, 82.8652849741, 115.0906735751);
  top: 35%;
  left: 56%;
  animation-duration: 20.4s;
  animation-delay: -186s;
  transform-origin: 10vw 1vh;
  box-shadow: -30vmin 0 6.3090120049vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(12) {
  color: rgb(80.578238342, 106.6476683938, 148.121761658);
  top: 28%;
  left: 13%;
  animation-duration: 36.7s;
  animation-delay: -144.3s;
  transform-origin: -5vw 10vh;
  box-shadow: -30vmin 0 9.8038531263vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(13) {
  color: rgb(80.578238342, 106.6476683938, 148.121761658);
  top: 94%;
  left: 46%;
  animation-duration: 25.6s;
  animation-delay: -12.4s;
  transform-origin: -19vw 21vh;
  box-shadow: -30vmin 0 6.0581953277vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(14) {
  color: rgb(62.6093264249, 82.8652849741, 115.0906735751);
  top: 91%;
  left: 55%;
  animation-duration: 68.2s;
  animation-delay: -86.5s;
  transform-origin: 25vw 16vh;
  box-shadow: -30vmin 0 4.2027660458vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(15) {
  color: rgb(62.6093264249, 82.8652849741, 115.0906735751);
  top: 90%;
  left: 41%;
  animation-duration: 188.4s;
  animation-delay: -24s;
  transform-origin: 21vw -13vh;
  box-shadow: 30vmin 0 10.6719036936vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(16) {
  color: rgb(62.6093264249, 82.8652849741, 115.0906735751);
  top: 93%;
  left: 32%;
  animation-duration: 90.3s;
  animation-delay: -48.7s;
  transform-origin: 17vw 4vh;
  box-shadow: -30vmin 0 4.0761470461vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(17) {
  color: rgb(80.578238342, 106.6476683938, 148.121761658);
  top: 36%;
  left: 98%;
  animation-duration: 19.9s;
  animation-delay: -159.5s;
  transform-origin: 19vw -11vh;
  box-shadow: 30vmin 0 4.4035752619vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(18) {
  color: rgb(51.8279792746, 68.5958549223, 95.2720207254);
  top: 12%;
  left: 80%;
  animation-duration: 128.7s;
  animation-delay: -165.1s;
  transform-origin: 3vw 10vh;
  box-shadow: -30vmin 0 8.8924121028vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(19) {
  color: rgb(51.8279792746, 68.5958549223, 95.2720207254);
  top: 61%;
  left: 94%;
  animation-duration: 168.6s;
  animation-delay: -145.6s;
  transform-origin: 9vw -21vh;
  box-shadow: -30vmin 0 8.3850504202vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(20) {
  color: rgb(80.578238342, 106.6476683938, 148.121761658);
  top: 26%;
  left: 17%;
  animation-duration: 46.8s;
  animation-delay: -182.9s;
  transform-origin: 18vw -1vh;
  box-shadow: 30vmin 0 8.120126927vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(21) {
  color: rgb(80.578238342, 106.6476683938, 148.121761658);
  top: 16%;
  left: 40%;
  animation-duration: 111.1s;
  animation-delay: -178.3s;
  transform-origin: -22vw -17vh;
  box-shadow: -30vmin 0 7.3412814557vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(22) {
  color: rgb(51.8279792746, 68.5958549223, 95.2720207254);
  top: 70%;
  left: 6%;
  animation-duration: 99.8s;
  animation-delay: -66.3s;
  transform-origin: 12vw 23vh;
  box-shadow: 30vmin 0 6.546418434vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(23) {
  color: rgb(51.8279792746, 68.5958549223, 95.2720207254);
  top: 88%;
  left: 43%;
  animation-duration: 160s;
  animation-delay: -62.1s;
  transform-origin: -16vw 5vh;
  box-shadow: 30vmin 0 10.9092470627vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(24) {
  color: rgb(80.578238342, 106.6476683938, 148.121761658);
  top: 98%;
  left: 78%;
  animation-duration: 57.8s;
  animation-delay: -145.4s;
  transform-origin: -11vw 20vh;
  box-shadow: 30vmin 0 10.7769408415vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(25) {
  color: rgb(80.578238342, 106.6476683938, 148.121761658);
  top: 73%;
  left: 20%;
  animation-duration: 113.3s;
  animation-delay: -137s;
  transform-origin: 19vw 0vh;
  box-shadow: -30vmin 0 4.9581827546vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(26) {
  color: rgb(62.6093264249, 82.8652849741, 115.0906735751);
  top: 30%;
  left: 74%;
  animation-duration: 149.1s;
  animation-delay: -99.6s;
  transform-origin: 21vw -11vh;
  box-shadow: -30vmin 0 10.1853797988vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(27) {
  color: rgb(51.8279792746, 68.5958549223, 95.2720207254);
  top: 71%;
  left: 66%;
  animation-duration: 110.2s;
  animation-delay: -60.9s;
  transform-origin: -2vw 2vh;
  box-shadow: -30vmin 0 7.0761068349vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(28) {
  color: rgb(51.8279792746, 68.5958549223, 95.2720207254);
  top: 82%;
  left: 34%;
  animation-duration: 63s;
  animation-delay: -124.4s;
  transform-origin: 4vw 23vh;
  box-shadow: -30vmin 0 4.5690683888vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(29) {
  color: rgb(80.578238342, 106.6476683938, 148.121761658);
  top: 1%;
  left: 81%;
  animation-duration: 63.6s;
  animation-delay: -169.8s;
  transform-origin: -11vw -17vh;
  box-shadow: -30vmin 0 10.9155353235vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(30) {
  color: rgb(62.6093264249, 82.8652849741, 115.0906735751);
  top: 6%;
  left: 61%;
  animation-duration: 65.1s;
  animation-delay: -156.1s;
  transform-origin: 15vw 22vh;
  box-shadow: 30vmin 0 6.7015128708vmin currentColor;
}

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