.wc-fill-bg-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 50%;
  bottom: 0;
  background: #b8310f;
  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: #8e260c;
  top: 7%;
  left: 65%;
  animation-duration: 49.9s;
  animation-delay: -36.3s;
  transform-origin: 9vw 18vh;
  box-shadow: -30vmin 0 7.6031879131vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(2) {
  color: #d93a12;
  top: 74%;
  left: 85%;
  animation-duration: 23.4s;
  animation-delay: -10.7s;
  transform-origin: 14vw -14vh;
  box-shadow: 30vmin 0 5.7327109886vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(3) {
  color: #8e260c;
  top: 80%;
  left: 17%;
  animation-duration: 33.6s;
  animation-delay: -17.4s;
  transform-origin: -11vw -12vh;
  box-shadow: -30vmin 0 4.7172941096vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(4) {
  color: #8e260c;
  top: 51%;
  left: 78%;
  animation-duration: 127.2s;
  animation-delay: -43.5s;
  transform-origin: 16vw -1vh;
  box-shadow: 30vmin 0 10.8617549795vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(5) {
  color: #aa2d0e;
  top: 34%;
  left: 24%;
  animation-duration: 129.8s;
  animation-delay: -89.8s;
  transform-origin: 20vw 17vh;
  box-shadow: 30vmin 0 8.6608453671vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(6) {
  color: #8e260c;
  top: 15%;
  left: 74%;
  animation-duration: 151.6s;
  animation-delay: -89.6s;
  transform-origin: -2vw 16vh;
  box-shadow: 30vmin 0 8.5649756553vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(7) {
  color: #8e260c;
  top: 68%;
  left: 69%;
  animation-duration: 56.1s;
  animation-delay: -102.1s;
  transform-origin: 2vw 21vh;
  box-shadow: 30vmin 0 5.0687110203vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(8) {
  color: #aa2d0e;
  top: 72%;
  left: 61%;
  animation-duration: 129.1s;
  animation-delay: -107.2s;
  transform-origin: 10vw 9vh;
  box-shadow: -30vmin 0 7.4912984641vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(9) {
  color: #d93a12;
  top: 24%;
  left: 91%;
  animation-duration: 146.9s;
  animation-delay: -36.3s;
  transform-origin: 16vw 18vh;
  box-shadow: 30vmin 0 5.5225987739vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(10) {
  color: #aa2d0e;
  top: 46%;
  left: 10%;
  animation-duration: 35.2s;
  animation-delay: -119.7s;
  transform-origin: 7vw -5vh;
  box-shadow: 30vmin 0 7.9194317403vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(11) {
  color: #d93a12;
  top: 88%;
  left: 28%;
  animation-duration: 107.7s;
  animation-delay: -96.7s;
  transform-origin: -21vw -24vh;
  box-shadow: -30vmin 0 9.4353164716vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(12) {
  color: #8e260c;
  top: 64%;
  left: 27%;
  animation-duration: 150.6s;
  animation-delay: -72.7s;
  transform-origin: -24vw 21vh;
  box-shadow: 30vmin 0 4.4833659691vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(13) {
  color: #aa2d0e;
  top: 88%;
  left: 83%;
  animation-duration: 99.6s;
  animation-delay: -99.1s;
  transform-origin: 18vw -8vh;
  box-shadow: 30vmin 0 6.5940874051vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(14) {
  color: #d93a12;
  top: 10%;
  left: 56%;
  animation-duration: 84.9s;
  animation-delay: -142.2s;
  transform-origin: 17vw -16vh;
  box-shadow: 30vmin 0 5.8381173752vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(15) {
  color: #aa2d0e;
  top: 63%;
  left: 50%;
  animation-duration: 53s;
  animation-delay: -145.9s;
  transform-origin: -12vw 13vh;
  box-shadow: 30vmin 0 6.1896182491vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(16) {
  color: #8e260c;
  top: 99%;
  left: 73%;
  animation-duration: 159.8s;
  animation-delay: -7.4s;
  transform-origin: 20vw -18vh;
  box-shadow: 30vmin 0 8.6709213726vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(17) {
  color: #8e260c;
  top: 10%;
  left: 9%;
  animation-duration: 120.9s;
  animation-delay: -148.9s;
  transform-origin: -13vw 21vh;
  box-shadow: -30vmin 0 11.1126415408vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(18) {
  color: #8e260c;
  top: 72%;
  left: 18%;
  animation-duration: 51s;
  animation-delay: -20.4s;
  transform-origin: -1vw -11vh;
  box-shadow: -30vmin 0 7.9503614446vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(19) {
  color: #d93a12;
  top: 77%;
  left: 28%;
  animation-duration: 31.1s;
  animation-delay: -23.1s;
  transform-origin: 15vw 16vh;
  box-shadow: -30vmin 0 5.5619762728vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(20) {
  color: #aa2d0e;
  top: 45%;
  left: 80%;
  animation-duration: 128.5s;
  animation-delay: -98.7s;
  transform-origin: -19vw -22vh;
  box-shadow: 30vmin 0 11.140379838vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(21) {
  color: #aa2d0e;
  top: 41%;
  left: 79%;
  animation-duration: 143.6s;
  animation-delay: -13.5s;
  transform-origin: -2vw -11vh;
  box-shadow: 30vmin 0 5.5439928624vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(22) {
  color: #aa2d0e;
  top: 70%;
  left: 15%;
  animation-duration: 62.5s;
  animation-delay: -187.9s;
  transform-origin: -16vw -7vh;
  box-shadow: 30vmin 0 8.8093452404vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(23) {
  color: #8e260c;
  top: 95%;
  left: 47%;
  animation-duration: 25.2s;
  animation-delay: -100.8s;
  transform-origin: -23vw -18vh;
  box-shadow: -30vmin 0 10.1561218486vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(24) {
  color: #d93a12;
  top: 37%;
  left: 78%;
  animation-duration: 179s;
  animation-delay: -73.1s;
  transform-origin: 20vw 5vh;
  box-shadow: 30vmin 0 3.8593469065vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(25) {
  color: #8e260c;
  top: 11%;
  left: 36%;
  animation-duration: 180.7s;
  animation-delay: -39.4s;
  transform-origin: 7vw 8vh;
  box-shadow: -30vmin 0 4.4201080579vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(26) {
  color: #8e260c;
  top: 49%;
  left: 94%;
  animation-duration: 153.6s;
  animation-delay: -103.9s;
  transform-origin: 10vw 23vh;
  box-shadow: -30vmin 0 6.1733857486vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(27) {
  color: #d93a12;
  top: 52%;
  left: 6%;
  animation-duration: 14.5s;
  animation-delay: -163.4s;
  transform-origin: 10vw 13vh;
  box-shadow: 30vmin 0 8.4801084012vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(28) {
  color: #8e260c;
  top: 55%;
  left: 16%;
  animation-duration: 86.4s;
  animation-delay: -31s;
  transform-origin: -14vw -22vh;
  box-shadow: -30vmin 0 7.29495434vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(29) {
  color: #8e260c;
  top: 32%;
  left: 9%;
  animation-duration: 95.3s;
  animation-delay: -111.2s;
  transform-origin: -15vw -1vh;
  box-shadow: -30vmin 0 6.4807802607vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(30) {
  color: #d93a12;
  top: 56%;
  left: 52%;
  animation-duration: 17.4s;
  animation-delay: -158.7s;
  transform-origin: -4vw -9vh;
  box-shadow: -30vmin 0 8.5291296381vmin currentColor;
}

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