/* *, *::before, *::after {
  padding: 0;
  margin: 0 auto;
}
.test {
  background-color: #111;
  height: 100vh;
  overflow: hidden;
}
.half {
  position: relative;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  overflow: hidden;
}
.half > div {
  position: absolute;
  background-color: rgb(255, 255, 255);
  mix-blend-mode: difference;
  opacity: 0.96;
}
.top > div {
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
}
.top > div:nth-child(-n + 10) {
  animation: topX 2s var(--delay, 0s) infinite ease-in-out alternate;
}
@keyframes topX {
  from {
    transform: translateX(calc(var(--tx, 0px) + 5vw));
 }
  to {
    transform: translateX(calc(var(--tx, 0px) - 5vw));
 }
}
.top > div:nth-child(n + 11) {
  animation: topY 2s var(--delay, 0s) infinite ease-in-out alternate;
}
@keyframes topY {
  from {
    transform: translateY(calc(var(--ty, 0px) + 2.5vh));
 }
  to {
    transform: translateY(calc(var(--ty, 0px) - 2.5vh));
 }
}
.top > div:nth-child(1) {
  --tx: 0vw;
  --delay: 0s;
}
.top > div:nth-child(11) {
  --ty: 0vh;
  --delay: -1s;
}
.top > div:nth-child(2) {
  --tx: 10vw;
  --delay: -0.4s;
}
.top > div:nth-child(12) {
  --ty: 5vh;
  --delay: -1.4s;
}
.top > div:nth-child(3) {
  --tx: 20vw;
  --delay: -0.8s;
}
.top > div:nth-child(13) {
  --ty: 10vh;
  --delay: -1.8s;
}
.top > div:nth-child(4) {
  --tx: 30vw;
  --delay: -1.2s;
}
.top > div:nth-child(14) {
  --ty: 15vh;
  --delay: -2.2s;
}
.top > div:nth-child(5) {
  --tx: 40vw;
  --delay: -1.6s;
}
.top > div:nth-child(15) {
  --ty: 20vh;
  --delay: -2.6s;
}
.top > div:nth-child(6) {
  --tx: 50vw;
  --delay: -2s;
}
.top > div:nth-child(16) {
  --ty: 25vh;
  --delay: -3s;
}
.top > div:nth-child(7) {
  --tx: 60vw;
  --delay: -2.4s;
}
.top > div:nth-child(17) {
  --ty: 30vh;
  --delay: -3.4s;
}
.top > div:nth-child(8) {
  --tx: 70vw;
  --delay: -2.8s;
}
.top > div:nth-child(18) {
  --ty: 35vh;
  --delay: -3.8s;
}
.top > div:nth-child(9) {
  --tx: 80vw;
  --delay: -3.2s;
}
.top > div:nth-child(19) {
  --ty: 40vh;
  --delay: -4.2s;
}
.top > div:nth-child(10) {
  --tx: 90vw;
  --delay: -3.6s;
}
.top > div:nth-child(20) {
  --ty: 45vh;
  --delay: -4.6s;
} */