.wc-fill-bg-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 50%;
  bottom: 0;
  background: #CC0000;
  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: #9e0000;
  top: 33%;
  left: 14%;
  animation-duration: 111.3s;
  animation-delay: -26.7s;
  transform-origin: 9vw 8vh;
  box-shadow: 30vmin 0 6.932689841vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(2) {
  color: #bd0000;
  top: 95%;
  left: 5%;
  animation-duration: 17.2s;
  animation-delay: -167.8s;
  transform-origin: -21vw 6vh;
  box-shadow: 30vmin 0 7.3410719194vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(3) {
  color: #f00000;
  top: 26%;
  left: 1%;
  animation-duration: 103.6s;
  animation-delay: -45.9s;
  transform-origin: 13vw -2vh;
  box-shadow: -30vmin 0 11.1141686365vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(4) {
  color: #f00000;
  top: 80%;
  left: 75%;
  animation-duration: 106.5s;
  animation-delay: -8s;
  transform-origin: 10vw 20vh;
  box-shadow: -30vmin 0 7.600605918vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(5) {
  color: #f00000;
  top: 24%;
  left: 43%;
  animation-duration: 82.7s;
  animation-delay: -35.3s;
  transform-origin: -9vw 10vh;
  box-shadow: -30vmin 0 5.7137468113vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(6) {
  color: #bd0000;
  top: 75%;
  left: 48%;
  animation-duration: 35.3s;
  animation-delay: -54.5s;
  transform-origin: 3vw -8vh;
  box-shadow: 30vmin 0 9.7250283392vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(7) {
  color: #f00000;
  top: 3%;
  left: 52%;
  animation-duration: 150.1s;
  animation-delay: -140.9s;
  transform-origin: 3vw -16vh;
  box-shadow: 30vmin 0 7.9734234917vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(8) {
  color: #bd0000;
  top: 78%;
  left: 36%;
  animation-duration: 156.7s;
  animation-delay: -33.2s;
  transform-origin: 2vw -2vh;
  box-shadow: -30vmin 0 5.6631515039vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(9) {
  color: #bd0000;
  top: 48%;
  left: 62%;
  animation-duration: 155.6s;
  animation-delay: -36.5s;
  transform-origin: 12vw 22vh;
  box-shadow: -30vmin 0 7.9328279453vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(10) {
  color: #f00000;
  top: 96%;
  left: 12%;
  animation-duration: 54.9s;
  animation-delay: -63s;
  transform-origin: -13vw -7vh;
  box-shadow: -30vmin 0 9.1104231646vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(11) {
  color: #9e0000;
  top: 48%;
  left: 81%;
  animation-duration: 184.2s;
  animation-delay: -23.5s;
  transform-origin: -16vw 17vh;
  box-shadow: -30vmin 0 4.0066677052vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(12) {
  color: #bd0000;
  top: 41%;
  left: 70%;
  animation-duration: 185.8s;
  animation-delay: -60.8s;
  transform-origin: 23vw 19vh;
  box-shadow: -30vmin 0 10.109602481vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(13) {
  color: #f00000;
  top: 57%;
  left: 14%;
  animation-duration: 127s;
  animation-delay: -30.9s;
  transform-origin: 7vw -13vh;
  box-shadow: -30vmin 0 5.1067138123vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(14) {
  color: #bd0000;
  top: 22%;
  left: 1%;
  animation-duration: 158.7s;
  animation-delay: -144.4s;
  transform-origin: 20vw -10vh;
  box-shadow: 30vmin 0 5.9125407442vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(15) {
  color: #bd0000;
  top: 74%;
  left: 94%;
  animation-duration: 27.2s;
  animation-delay: -93.5s;
  transform-origin: 25vw -24vh;
  box-shadow: -30vmin 0 6.7359491687vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(16) {
  color: #9e0000;
  top: 92%;
  left: 48%;
  animation-duration: 78.2s;
  animation-delay: -56.9s;
  transform-origin: -10vw 14vh;
  box-shadow: 30vmin 0 5.402324532vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(17) {
  color: #f00000;
  top: 9%;
  left: 37%;
  animation-duration: 28.7s;
  animation-delay: -163.4s;
  transform-origin: -7vw 20vh;
  box-shadow: 30vmin 0 10.1819894223vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(18) {
  color: #f00000;
  top: 12%;
  left: 43%;
  animation-duration: 138.4s;
  animation-delay: -118.9s;
  transform-origin: 16vw 9vh;
  box-shadow: 30vmin 0 6.6289107113vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(19) {
  color: #9e0000;
  top: 73%;
  left: 89%;
  animation-duration: 153.5s;
  animation-delay: -105.1s;
  transform-origin: 2vw -17vh;
  box-shadow: 30vmin 0 9.0500057677vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(20) {
  color: #9e0000;
  top: 70%;
  left: 81%;
  animation-duration: 78.2s;
  animation-delay: -57.2s;
  transform-origin: 22vw -16vh;
  box-shadow: 30vmin 0 10.3593475804vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(21) {
  color: #bd0000;
  top: 64%;
  left: 59%;
  animation-duration: 65s;
  animation-delay: -95.8s;
  transform-origin: -15vw 22vh;
  box-shadow: 30vmin 0 9.299484637vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(22) {
  color: #f00000;
  top: 57%;
  left: 7%;
  animation-duration: 174.4s;
  animation-delay: -4.7s;
  transform-origin: -16vw -17vh;
  box-shadow: 30vmin 0 9.8008049547vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(23) {
  color: #f00000;
  top: 41%;
  left: 66%;
  animation-duration: 73.2s;
  animation-delay: -27.7s;
  transform-origin: -23vw 1vh;
  box-shadow: 30vmin 0 10.1609224305vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(24) {
  color: #bd0000;
  top: 25%;
  left: 41%;
  animation-duration: 112.4s;
  animation-delay: -160.5s;
  transform-origin: -7vw -7vh;
  box-shadow: -30vmin 0 7.7478330224vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(25) {
  color: #9e0000;
  top: 63%;
  left: 75%;
  animation-duration: 47.3s;
  animation-delay: -13.5s;
  transform-origin: 16vw -15vh;
  box-shadow: 30vmin 0 6.5419522664vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(26) {
  color: #9e0000;
  top: 81%;
  left: 68%;
  animation-duration: 93.3s;
  animation-delay: -161.7s;
  transform-origin: 22vw -8vh;
  box-shadow: -30vmin 0 6.442437088vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(27) {
  color: #bd0000;
  top: 86%;
  left: 90%;
  animation-duration: 84.9s;
  animation-delay: -114.4s;
  transform-origin: -14vw -5vh;
  box-shadow: 30vmin 0 5.088179556vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(28) {
  color: #9e0000;
  top: 68%;
  left: 98%;
  animation-duration: 13.5s;
  animation-delay: -14.7s;
  transform-origin: -7vw -11vh;
  box-shadow: 30vmin 0 9.5444636218vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(29) {
  color: #f00000;
  top: 14%;
  left: 21%;
  animation-duration: 156.1s;
  animation-delay: -152.9s;
  transform-origin: 22vw -1vh;
  box-shadow: 30vmin 0 9.6753942841vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(30) {
  color: #f00000;
  top: 48%;
  left: 16%;
  animation-duration: 19.7s;
  animation-delay: -134.9s;
  transform-origin: -2vw 3vh;
  box-shadow: 30vmin 0 7.8960896532vmin currentColor;
}

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