body {
  background: #000;
  height: 100vh;
  overflow: hidden;
}

.water {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  background: #000;
  -webkit-filter: blur(10px) contrast(500) hue-rotate(40deg);
          filter: blur(10px) contrast(500) hue-rotate(40deg);
}

.ball {
  position: absolute;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  width: 60px;
  height: 60px;
  background: #fff;
}
.ball_wrapper:nth-child(1) {
  -webkit-animation: rotate 1308ms -20000ms linear infinite alternate;
          animation: rotate 1308ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(1) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 42px;
  height: 42px;
  background: #384fde;
  border-radius: 100% 0% 39% 61% / 78% 43% 57% 22%;
  -webkit-transform: translateY(191px);
          transform: translateY(191px);
  -webkit-animation: slide 1075ms -20000ms linear infinite alternate;
          animation: slide 1075ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(2) {
  -webkit-animation: rotate 1170ms -20000ms linear infinite alternate;
          animation: rotate 1170ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(2) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 64px;
  height: 64px;
  background: #1148ad;
  border-radius: 40% 60% 67% 33% / 21% 73% 27% 79%;
  -webkit-transform: translateY(197px);
          transform: translateY(197px);
  -webkit-animation: slide 1073ms -20000ms linear infinite alternate;
          animation: slide 1073ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(3) {
  -webkit-animation: rotate 1513ms -20000ms linear infinite alternate;
          animation: rotate 1513ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(3) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 27px;
  height: 27px;
  background: #32d43a;
  border-radius: 59% 41% 40% 60% / 66% 86% 14% 34%;
  -webkit-transform: translateY(224px);
          transform: translateY(224px);
  -webkit-animation: slide 1931ms -20000ms linear infinite alternate;
          animation: slide 1931ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(4) {
  -webkit-animation: rotate 1354ms -20000ms linear infinite alternate;
          animation: rotate 1354ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(4) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 56px;
  height: 56px;
  background: #853647;
  border-radius: 52% 48% 86% 14% / 36% 85% 15% 64%;
  -webkit-transform: translateY(139px);
          transform: translateY(139px);
  -webkit-animation: slide 1916ms -20000ms linear infinite alternate;
          animation: slide 1916ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(5) {
  -webkit-animation: rotate 1667ms -20000ms linear infinite alternate;
          animation: rotate 1667ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(5) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 47px;
  height: 47px;
  background: #6fbc48;
  border-radius: 94% 6% 81% 19% / 72% 32% 68% 28%;
  -webkit-transform: translateY(118px);
          transform: translateY(118px);
  -webkit-animation: slide 1727ms -20000ms linear infinite alternate;
          animation: slide 1727ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(6) {
  -webkit-animation: rotate 1703ms -20000ms linear infinite alternate;
          animation: rotate 1703ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(6) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 42px;
  height: 42px;
  background: #109624;
  border-radius: 82% 18% 51% 49% / 67% 73% 27% 33%;
  -webkit-transform: translateY(162px);
          transform: translateY(162px);
  -webkit-animation: slide 1364ms -20000ms linear infinite alternate;
          animation: slide 1364ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(7) {
  -webkit-animation: rotate 1328ms -20000ms linear infinite alternate;
          animation: rotate 1328ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(7) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 40px;
  height: 40px;
  background: #a8ba02;
  border-radius: 76% 24% 54% 46% / 21% 50% 50% 79%;
  -webkit-transform: translateY(149px);
          transform: translateY(149px);
  -webkit-animation: slide 1037ms -20000ms linear infinite alternate;
          animation: slide 1037ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(8) {
  -webkit-animation: rotate 1463ms -20000ms linear infinite alternate;
          animation: rotate 1463ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(8) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 28px;
  height: 28px;
  background: #2f873d;
  border-radius: 25% 75% 83% 17% / 82% 49% 51% 18%;
  -webkit-transform: translateY(178px);
          transform: translateY(178px);
  -webkit-animation: slide 1522ms -20000ms linear infinite alternate;
          animation: slide 1522ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(9) {
  -webkit-animation: rotate 1165ms -20000ms linear infinite alternate;
          animation: rotate 1165ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(9) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 76px;
  height: 76px;
  background: #9c348d;
  border-radius: 32% 68% 57% 43% / 88% 62% 38% 12%;
  -webkit-transform: translateY(124px);
          transform: translateY(124px);
  -webkit-animation: slide 1260ms -20000ms linear infinite alternate;
          animation: slide 1260ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(10) {
  -webkit-animation: rotate 1628ms -20000ms linear infinite alternate;
          animation: rotate 1628ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(10) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 79px;
  height: 79px;
  background: #d1cc36;
  border-radius: 69% 31% 40% 60% / 63% 53% 47% 37%;
  -webkit-transform: translateY(226px);
          transform: translateY(226px);
  -webkit-animation: slide 1352ms -20000ms linear infinite alternate;
          animation: slide 1352ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(11) {
  -webkit-animation: rotate 1789ms -20000ms linear infinite alternate;
          animation: rotate 1789ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(11) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 27px;
  height: 27px;
  background: #27ca04;
  border-radius: 79% 21% 33% 67% / 86% 28% 72% 14%;
  -webkit-transform: translateY(202px);
          transform: translateY(202px);
  -webkit-animation: slide 1679ms -20000ms linear infinite alternate;
          animation: slide 1679ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(12) {
  -webkit-animation: rotate 1807ms -20000ms linear infinite alternate;
          animation: rotate 1807ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(12) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 79px;
  height: 79px;
  background: #4aa50a;
  border-radius: 47% 53% 23% 77% / 73% 70% 30% 27%;
  -webkit-transform: translateY(218px);
          transform: translateY(218px);
  -webkit-animation: slide 1182ms -20000ms linear infinite alternate;
          animation: slide 1182ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(13) {
  -webkit-animation: rotate 1339ms -20000ms linear infinite alternate;
          animation: rotate 1339ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(13) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 41px;
  height: 41px;
  background: #cf7dca;
  border-radius: 56% 44% 69% 31% / 33% 25% 75% 67%;
  -webkit-transform: translateY(126px);
          transform: translateY(126px);
  -webkit-animation: slide 1995ms -20000ms linear infinite alternate;
          animation: slide 1995ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(14) {
  -webkit-animation: rotate 1736ms -20000ms linear infinite alternate;
          animation: rotate 1736ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(14) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 68px;
  height: 68px;
  background: #7a6a08;
  border-radius: 21% 79% 91% 9% / 78% 26% 74% 22%;
  -webkit-transform: translateY(105px);
          transform: translateY(105px);
  -webkit-animation: slide 1930ms -20000ms linear infinite alternate;
          animation: slide 1930ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(15) {
  -webkit-animation: rotate 1540ms -20000ms linear infinite alternate;
          animation: rotate 1540ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(15) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 37px;
  height: 37px;
  background: #859f8a;
  border-radius: 65% 35% 48% 52% / 26% 81% 19% 74%;
  -webkit-transform: translateY(262px);
          transform: translateY(262px);
  -webkit-animation: slide 1780ms -20000ms linear infinite alternate;
          animation: slide 1780ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(16) {
  -webkit-animation: rotate 1164ms -20000ms linear infinite alternate;
          animation: rotate 1164ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(16) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 40px;
  height: 40px;
  background: #10d217;
  border-radius: 60% 40% 41% 59% / 47% 82% 18% 53%;
  -webkit-transform: translateY(204px);
          transform: translateY(204px);
  -webkit-animation: slide 1716ms -20000ms linear infinite alternate;
          animation: slide 1716ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(17) {
  -webkit-animation: rotate 1126ms -20000ms linear infinite alternate;
          animation: rotate 1126ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(17) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 40px;
  height: 40px;
  background: #fdbe19;
  border-radius: 22% 78% 61% 39% / 56% 46% 54% 44%;
  -webkit-transform: translateY(142px);
          transform: translateY(142px);
  -webkit-animation: slide 1697ms -20000ms linear infinite alternate;
          animation: slide 1697ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(18) {
  -webkit-animation: rotate 1939ms -20000ms linear infinite alternate;
          animation: rotate 1939ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(18) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 64px;
  height: 64px;
  background: #90a0a0;
  border-radius: 91% 9% 57% 43% / 61% 27% 73% 39%;
  -webkit-transform: translateY(274px);
          transform: translateY(274px);
  -webkit-animation: slide 1612ms -20000ms linear infinite alternate;
          animation: slide 1612ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(19) {
  -webkit-animation: rotate 1234ms -20000ms linear infinite alternate;
          animation: rotate 1234ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(19) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 67px;
  height: 67px;
  background: #fb1d6a;
  border-radius: 82% 18% 49% 51% / 59% 79% 21% 41%;
  -webkit-transform: translateY(192px);
          transform: translateY(192px);
  -webkit-animation: slide 1841ms -20000ms linear infinite alternate;
          animation: slide 1841ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(20) {
  -webkit-animation: rotate 1734ms -20000ms linear infinite alternate;
          animation: rotate 1734ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(20) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 65px;
  height: 65px;
  background: #fee445;
  border-radius: 30% 70% 23% 77% / 85% 62% 38% 15%;
  -webkit-transform: translateY(136px);
          transform: translateY(136px);
  -webkit-animation: slide 1452ms -20000ms linear infinite alternate;
          animation: slide 1452ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(21) {
  -webkit-animation: rotate 1641ms -20000ms linear infinite alternate;
          animation: rotate 1641ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(21) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 52px;
  height: 52px;
  background: #4f06d5;
  border-radius: 44% 56% 66% 34% / 58% 99% 1% 42%;
  -webkit-transform: translateY(118px);
          transform: translateY(118px);
  -webkit-animation: slide 1108ms -20000ms linear infinite alternate;
          animation: slide 1108ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(22) {
  -webkit-animation: rotate 1609ms -20000ms linear infinite alternate;
          animation: rotate 1609ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(22) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 41px;
  height: 41px;
  background: #95b6b8;
  border-radius: 59% 41% 32% 68% / 31% 91% 9% 69%;
  -webkit-transform: translateY(121px);
          transform: translateY(121px);
  -webkit-animation: slide 1626ms -20000ms linear infinite alternate;
          animation: slide 1626ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(23) {
  -webkit-animation: rotate 1705ms -20000ms linear infinite alternate;
          animation: rotate 1705ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(23) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 64px;
  height: 64px;
  background: #7763c2;
  border-radius: 59% 41% 45% 55% / 77% 41% 59% 23%;
  -webkit-transform: translateY(188px);
          transform: translateY(188px);
  -webkit-animation: slide 1010ms -20000ms linear infinite alternate;
          animation: slide 1010ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(24) {
  -webkit-animation: rotate 1640ms -20000ms linear infinite alternate;
          animation: rotate 1640ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(24) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 78px;
  height: 78px;
  background: #b85253;
  border-radius: 96% 4% 26% 74% / 37% 36% 64% 63%;
  -webkit-transform: translateY(180px);
          transform: translateY(180px);
  -webkit-animation: slide 1456ms -20000ms linear infinite alternate;
          animation: slide 1456ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(25) {
  -webkit-animation: rotate 1679ms -20000ms linear infinite alternate;
          animation: rotate 1679ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(25) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 52px;
  height: 52px;
  background: #d78ce0;
  border-radius: 67% 33% 49% 51% / 90% 82% 18% 10%;
  -webkit-transform: translateY(196px);
          transform: translateY(196px);
  -webkit-animation: slide 1770ms -20000ms linear infinite alternate;
          animation: slide 1770ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(26) {
  -webkit-animation: rotate 1431ms -20000ms linear infinite alternate;
          animation: rotate 1431ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(26) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 29px;
  height: 29px;
  background: #c0500d;
  border-radius: 91% 9% 55% 45% / 45% 36% 64% 55%;
  -webkit-transform: translateY(116px);
          transform: translateY(116px);
  -webkit-animation: slide 1262ms -20000ms linear infinite alternate;
          animation: slide 1262ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(27) {
  -webkit-animation: rotate 1095ms -20000ms linear infinite alternate;
          animation: rotate 1095ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(27) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 34px;
  height: 34px;
  background: #c6c07c;
  border-radius: 80% 20% 67% 33% / 98% 58% 42% 2%;
  -webkit-transform: translateY(164px);
          transform: translateY(164px);
  -webkit-animation: slide 1343ms -20000ms linear infinite alternate;
          animation: slide 1343ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(28) {
  -webkit-animation: rotate 1657ms -20000ms linear infinite alternate;
          animation: rotate 1657ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(28) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 64px;
  height: 64px;
  background: #195f86;
  border-radius: 54% 46% 23% 77% / 99% 27% 73% 1%;
  -webkit-transform: translateY(265px);
          transform: translateY(265px);
  -webkit-animation: slide 1484ms -20000ms linear infinite alternate;
          animation: slide 1484ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(29) {
  -webkit-animation: rotate 1297ms -20000ms linear infinite alternate;
          animation: rotate 1297ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(29) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 51px;
  height: 51px;
  background: #870d77;
  border-radius: 59% 41% 80% 20% / 58% 96% 4% 42%;
  -webkit-transform: translateY(182px);
          transform: translateY(182px);
  -webkit-animation: slide 1580ms -20000ms linear infinite alternate;
          animation: slide 1580ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(30) {
  -webkit-animation: rotate 1598ms -20000ms linear infinite alternate;
          animation: rotate 1598ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(30) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 64px;
  height: 64px;
  background: #9a5e43;
  border-radius: 70% 30% 40% 60% / 71% 62% 38% 29%;
  -webkit-transform: translateY(231px);
          transform: translateY(231px);
  -webkit-animation: slide 1053ms -20000ms linear infinite alternate;
          animation: slide 1053ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(31) {
  -webkit-animation: rotate 1700ms -20000ms linear infinite alternate;
          animation: rotate 1700ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(31) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 63px;
  height: 63px;
  background: #1d2f8c;
  border-radius: 48% 52% 95% 5% / 42% 29% 71% 58%;
  -webkit-transform: translateY(290px);
          transform: translateY(290px);
  -webkit-animation: slide 1173ms -20000ms linear infinite alternate;
          animation: slide 1173ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(32) {
  -webkit-animation: rotate 1913ms -20000ms linear infinite alternate;
          animation: rotate 1913ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(32) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 58px;
  height: 58px;
  background: #291ee9;
  border-radius: 37% 63% 65% 35% / 63% 47% 53% 37%;
  -webkit-transform: translateY(202px);
          transform: translateY(202px);
  -webkit-animation: slide 1888ms -20000ms linear infinite alternate;
          animation: slide 1888ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(33) {
  -webkit-animation: rotate 1851ms -20000ms linear infinite alternate;
          animation: rotate 1851ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(33) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 69px;
  height: 69px;
  background: #94bc60;
  border-radius: 56% 44% 57% 43% / 79% 30% 70% 21%;
  -webkit-transform: translateY(150px);
          transform: translateY(150px);
  -webkit-animation: slide 1116ms -20000ms linear infinite alternate;
          animation: slide 1116ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(34) {
  -webkit-animation: rotate 1060ms -20000ms linear infinite alternate;
          animation: rotate 1060ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(34) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 48px;
  height: 48px;
  background: #280880;
  border-radius: 72% 28% 69% 31% / 98% 35% 65% 2%;
  -webkit-transform: translateY(195px);
          transform: translateY(195px);
  -webkit-animation: slide 1096ms -20000ms linear infinite alternate;
          animation: slide 1096ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(35) {
  -webkit-animation: rotate 1826ms -20000ms linear infinite alternate;
          animation: rotate 1826ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(35) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 74px;
  height: 74px;
  background: #9cb0f8;
  border-radius: 56% 44% 67% 33% / 46% 47% 53% 54%;
  -webkit-transform: translateY(150px);
          transform: translateY(150px);
  -webkit-animation: slide 1490ms -20000ms linear infinite alternate;
          animation: slide 1490ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(36) {
  -webkit-animation: rotate 1215ms -20000ms linear infinite alternate;
          animation: rotate 1215ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(36) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 34px;
  height: 34px;
  background: #f8fd59;
  border-radius: 98% 2% 90% 10% / 78% 42% 58% 22%;
  -webkit-transform: translateY(202px);
          transform: translateY(202px);
  -webkit-animation: slide 1558ms -20000ms linear infinite alternate;
          animation: slide 1558ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(37) {
  -webkit-animation: rotate 1350ms -20000ms linear infinite alternate;
          animation: rotate 1350ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(37) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 80px;
  height: 80px;
  background: #4e464b;
  border-radius: 66% 34% 87% 13% / 49% 78% 22% 51%;
  -webkit-transform: translateY(201px);
          transform: translateY(201px);
  -webkit-animation: slide 1481ms -20000ms linear infinite alternate;
          animation: slide 1481ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(38) {
  -webkit-animation: rotate 1765ms -20000ms linear infinite alternate;
          animation: rotate 1765ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(38) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 46px;
  height: 46px;
  background: #524aa1;
  border-radius: 73% 27% 69% 31% / 29% 71% 29% 71%;
  -webkit-transform: translateY(284px);
          transform: translateY(284px);
  -webkit-animation: slide 1542ms -20000ms linear infinite alternate;
          animation: slide 1542ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(39) {
  -webkit-animation: rotate 1015ms -20000ms linear infinite alternate;
          animation: rotate 1015ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(39) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 51px;
  height: 51px;
  background: #ea3721;
  border-radius: 30% 70% 34% 66% / 44% 24% 76% 56%;
  -webkit-transform: translateY(130px);
          transform: translateY(130px);
  -webkit-animation: slide 1393ms -20000ms linear infinite alternate;
          animation: slide 1393ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(40) {
  -webkit-animation: rotate 1544ms -20000ms linear infinite alternate;
          animation: rotate 1544ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(40) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 75px;
  height: 75px;
  background: #1a5379;
  border-radius: 87% 13% 67% 33% / 44% 84% 16% 56%;
  -webkit-transform: translateY(175px);
          transform: translateY(175px);
  -webkit-animation: slide 1002ms -20000ms linear infinite alternate;
          animation: slide 1002ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(41) {
  -webkit-animation: rotate 1736ms -20000ms linear infinite alternate;
          animation: rotate 1736ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(41) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 24px;
  height: 24px;
  background: #cb67ff;
  border-radius: 85% 15% 65% 35% / 21% 65% 35% 79%;
  -webkit-transform: translateY(141px);
          transform: translateY(141px);
  -webkit-animation: slide 1438ms -20000ms linear infinite alternate;
          animation: slide 1438ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(42) {
  -webkit-animation: rotate 1067ms -20000ms linear infinite alternate;
          animation: rotate 1067ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(42) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 28px;
  height: 28px;
  background: #03dcef;
  border-radius: 57% 43% 33% 67% / 22% 25% 75% 78%;
  -webkit-transform: translateY(188px);
          transform: translateY(188px);
  -webkit-animation: slide 1833ms -20000ms linear infinite alternate;
          animation: slide 1833ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(43) {
  -webkit-animation: rotate 1987ms -20000ms linear infinite alternate;
          animation: rotate 1987ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(43) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 26px;
  height: 26px;
  background: #6bb6ba;
  border-radius: 48% 52% 48% 52% / 69% 41% 59% 31%;
  -webkit-transform: translateY(163px);
          transform: translateY(163px);
  -webkit-animation: slide 1476ms -20000ms linear infinite alternate;
          animation: slide 1476ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(44) {
  -webkit-animation: rotate 1988ms -20000ms linear infinite alternate;
          animation: rotate 1988ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(44) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 29px;
  height: 29px;
  background: #87c131;
  border-radius: 60% 40% 83% 17% / 34% 48% 52% 66%;
  -webkit-transform: translateY(205px);
          transform: translateY(205px);
  -webkit-animation: slide 1638ms -20000ms linear infinite alternate;
          animation: slide 1638ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(45) {
  -webkit-animation: rotate 1154ms -20000ms linear infinite alternate;
          animation: rotate 1154ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(45) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 24px;
  height: 24px;
  background: #33c4ea;
  border-radius: 41% 59% 85% 15% / 70% 77% 23% 30%;
  -webkit-transform: translateY(190px);
          transform: translateY(190px);
  -webkit-animation: slide 1147ms -20000ms linear infinite alternate;
          animation: slide 1147ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(46) {
  -webkit-animation: rotate 1147ms -20000ms linear infinite alternate;
          animation: rotate 1147ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(46) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 74px;
  height: 74px;
  background: #b7feeb;
  border-radius: 52% 48% 60% 40% / 70% 77% 23% 30%;
  -webkit-transform: translateY(300px);
          transform: translateY(300px);
  -webkit-animation: slide 1981ms -20000ms linear infinite alternate;
          animation: slide 1981ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(47) {
  -webkit-animation: rotate 1506ms -20000ms linear infinite alternate;
          animation: rotate 1506ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(47) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 72px;
  height: 72px;
  background: #f29acd;
  border-radius: 25% 75% 92% 8% / 38% 84% 16% 62%;
  -webkit-transform: translateY(275px);
          transform: translateY(275px);
  -webkit-animation: slide 1883ms -20000ms linear infinite alternate;
          animation: slide 1883ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(48) {
  -webkit-animation: rotate 1602ms -20000ms linear infinite alternate;
          animation: rotate 1602ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(48) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 35px;
  height: 35px;
  background: #ec5657;
  border-radius: 95% 5% 81% 19% / 69% 98% 2% 31%;
  -webkit-transform: translateY(181px);
          transform: translateY(181px);
  -webkit-animation: slide 1621ms -20000ms linear infinite alternate;
          animation: slide 1621ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(49) {
  -webkit-animation: rotate 1068ms -20000ms linear infinite alternate;
          animation: rotate 1068ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(49) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 77px;
  height: 77px;
  background: #1529a9;
  border-radius: 78% 22% 62% 38% / 23% 41% 59% 77%;
  -webkit-transform: translateY(135px);
          transform: translateY(135px);
  -webkit-animation: slide 1712ms -20000ms linear infinite alternate;
          animation: slide 1712ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(50) {
  -webkit-animation: rotate 1797ms -20000ms linear infinite alternate;
          animation: rotate 1797ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(50) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 27px;
  height: 27px;
  background: #62dea8;
  border-radius: 95% 5% 52% 48% / 37% 75% 25% 63%;
  -webkit-transform: translateY(297px);
          transform: translateY(297px);
  -webkit-animation: slide 1592ms -20000ms linear infinite alternate;
          animation: slide 1592ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(51) {
  -webkit-animation: rotate 1965ms -20000ms linear infinite alternate;
          animation: rotate 1965ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(51) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 32px;
  height: 32px;
  background: #eb91d3;
  border-radius: 98% 2% 25% 75% / 50% 51% 49% 50%;
  -webkit-transform: translateY(139px);
          transform: translateY(139px);
  -webkit-animation: slide 1438ms -20000ms linear infinite alternate;
          animation: slide 1438ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(52) {
  -webkit-animation: rotate 1935ms -20000ms linear infinite alternate;
          animation: rotate 1935ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(52) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 77px;
  height: 77px;
  background: #bfb448;
  border-radius: 58% 42% 93% 7% / 87% 73% 27% 13%;
  -webkit-transform: translateY(180px);
          transform: translateY(180px);
  -webkit-animation: slide 1013ms -20000ms linear infinite alternate;
          animation: slide 1013ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(53) {
  -webkit-animation: rotate 1071ms -20000ms linear infinite alternate;
          animation: rotate 1071ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(53) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 50px;
  height: 50px;
  background: #60627a;
  border-radius: 90% 10% 58% 42% / 35% 31% 69% 65%;
  -webkit-transform: translateY(188px);
          transform: translateY(188px);
  -webkit-animation: slide 1530ms -20000ms linear infinite alternate;
          animation: slide 1530ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(54) {
  -webkit-animation: rotate 1109ms -20000ms linear infinite alternate;
          animation: rotate 1109ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(54) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 23px;
  height: 23px;
  background: #68dfe3;
  border-radius: 88% 12% 71% 29% / 68% 74% 26% 32%;
  -webkit-transform: translateY(278px);
          transform: translateY(278px);
  -webkit-animation: slide 1753ms -20000ms linear infinite alternate;
          animation: slide 1753ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(55) {
  -webkit-animation: rotate 1459ms -20000ms linear infinite alternate;
          animation: rotate 1459ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(55) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 26px;
  height: 26px;
  background: #eb4a05;
  border-radius: 90% 10% 46% 54% / 66% 84% 16% 34%;
  -webkit-transform: translateY(103px);
          transform: translateY(103px);
  -webkit-animation: slide 1104ms -20000ms linear infinite alternate;
          animation: slide 1104ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(56) {
  -webkit-animation: rotate 1950ms -20000ms linear infinite alternate;
          animation: rotate 1950ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(56) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 34px;
  height: 34px;
  background: #b4d08f;
  border-radius: 64% 36% 62% 38% / 40% 33% 67% 60%;
  -webkit-transform: translateY(243px);
          transform: translateY(243px);
  -webkit-animation: slide 1640ms -20000ms linear infinite alternate;
          animation: slide 1640ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(57) {
  -webkit-animation: rotate 1533ms -20000ms linear infinite alternate;
          animation: rotate 1533ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(57) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 35px;
  height: 35px;
  background: #e2b631;
  border-radius: 80% 20% 34% 66% / 45% 52% 48% 55%;
  -webkit-transform: translateY(216px);
          transform: translateY(216px);
  -webkit-animation: slide 1986ms -20000ms linear infinite alternate;
          animation: slide 1986ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(58) {
  -webkit-animation: rotate 1499ms -20000ms linear infinite alternate;
          animation: rotate 1499ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(58) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 44px;
  height: 44px;
  background: #e357f0;
  border-radius: 91% 9% 59% 41% / 67% 98% 2% 33%;
  -webkit-transform: translateY(151px);
          transform: translateY(151px);
  -webkit-animation: slide 1453ms -20000ms linear infinite alternate;
          animation: slide 1453ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(59) {
  -webkit-animation: rotate 1177ms -20000ms linear infinite alternate;
          animation: rotate 1177ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(59) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 28px;
  height: 28px;
  background: #5f3de8;
  border-radius: 82% 18% 97% 3% / 73% 71% 29% 27%;
  -webkit-transform: translateY(212px);
          transform: translateY(212px);
  -webkit-animation: slide 1647ms -20000ms linear infinite alternate;
          animation: slide 1647ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(60) {
  -webkit-animation: rotate 1301ms -20000ms linear infinite alternate;
          animation: rotate 1301ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(60) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 34px;
  height: 34px;
  background: #0413f8;
  border-radius: 88% 12% 76% 24% / 88% 43% 57% 12%;
  -webkit-transform: translateY(206px);
          transform: translateY(206px);
  -webkit-animation: slide 1625ms -20000ms linear infinite alternate;
          animation: slide 1625ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(61) {
  -webkit-animation: rotate 1944ms -20000ms linear infinite alternate;
          animation: rotate 1944ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(61) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 52px;
  height: 52px;
  background: #48d686;
  border-radius: 71% 29% 74% 26% / 86% 74% 26% 14%;
  -webkit-transform: translateY(198px);
          transform: translateY(198px);
  -webkit-animation: slide 1066ms -20000ms linear infinite alternate;
          animation: slide 1066ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(62) {
  -webkit-animation: rotate 1386ms -20000ms linear infinite alternate;
          animation: rotate 1386ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(62) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 48px;
  height: 48px;
  background: #37bc8c;
  border-radius: 33% 67% 97% 3% / 61% 61% 39% 39%;
  -webkit-transform: translateY(171px);
          transform: translateY(171px);
  -webkit-animation: slide 1712ms -20000ms linear infinite alternate;
          animation: slide 1712ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(63) {
  -webkit-animation: rotate 1035ms -20000ms linear infinite alternate;
          animation: rotate 1035ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(63) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 47px;
  height: 47px;
  background: #1d2fba;
  border-radius: 67% 33% 26% 74% / 53% 30% 70% 47%;
  -webkit-transform: translateY(259px);
          transform: translateY(259px);
  -webkit-animation: slide 1502ms -20000ms linear infinite alternate;
          animation: slide 1502ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(64) {
  -webkit-animation: rotate 1271ms -20000ms linear infinite alternate;
          animation: rotate 1271ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(64) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 22px;
  height: 22px;
  background: #90484a;
  border-radius: 58% 42% 50% 50% / 30% 79% 21% 70%;
  -webkit-transform: translateY(267px);
          transform: translateY(267px);
  -webkit-animation: slide 1560ms -20000ms linear infinite alternate;
          animation: slide 1560ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(65) {
  -webkit-animation: rotate 1228ms -20000ms linear infinite alternate;
          animation: rotate 1228ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(65) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 61px;
  height: 61px;
  background: #b8f153;
  border-radius: 63% 37% 42% 58% / 95% 44% 56% 5%;
  -webkit-transform: translateY(188px);
          transform: translateY(188px);
  -webkit-animation: slide 1830ms -20000ms linear infinite alternate;
          animation: slide 1830ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(66) {
  -webkit-animation: rotate 1230ms -20000ms linear infinite alternate;
          animation: rotate 1230ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(66) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 53px;
  height: 53px;
  background: #abc7d0;
  border-radius: 43% 57% 36% 64% / 94% 26% 74% 6%;
  -webkit-transform: translateY(284px);
          transform: translateY(284px);
  -webkit-animation: slide 1668ms -20000ms linear infinite alternate;
          animation: slide 1668ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(67) {
  -webkit-animation: rotate 1344ms -20000ms linear infinite alternate;
          animation: rotate 1344ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(67) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 77px;
  height: 77px;
  background: #1cfa08;
  border-radius: 82% 18% 32% 68% / 96% 61% 39% 4%;
  -webkit-transform: translateY(207px);
          transform: translateY(207px);
  -webkit-animation: slide 1173ms -20000ms linear infinite alternate;
          animation: slide 1173ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(68) {
  -webkit-animation: rotate 1703ms -20000ms linear infinite alternate;
          animation: rotate 1703ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(68) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 40px;
  height: 40px;
  background: #2eb2bb;
  border-radius: 50% 50% 76% 24% / 81% 25% 75% 19%;
  -webkit-transform: translateY(182px);
          transform: translateY(182px);
  -webkit-animation: slide 1641ms -20000ms linear infinite alternate;
          animation: slide 1641ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(69) {
  -webkit-animation: rotate 1940ms -20000ms linear infinite alternate;
          animation: rotate 1940ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(69) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 73px;
  height: 73px;
  background: #2c4ad4;
  border-radius: 44% 56% 26% 74% / 100% 58% 42% 0%;
  -webkit-transform: translateY(187px);
          transform: translateY(187px);
  -webkit-animation: slide 1522ms -20000ms linear infinite alternate;
          animation: slide 1522ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(70) {
  -webkit-animation: rotate 1755ms -20000ms linear infinite alternate;
          animation: rotate 1755ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(70) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 41px;
  height: 41px;
  background: #20f50d;
  border-radius: 40% 60% 97% 3% / 29% 42% 58% 71%;
  -webkit-transform: translateY(216px);
          transform: translateY(216px);
  -webkit-animation: slide 1715ms -20000ms linear infinite alternate;
          animation: slide 1715ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(71) {
  -webkit-animation: rotate 1808ms -20000ms linear infinite alternate;
          animation: rotate 1808ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(71) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 77px;
  height: 77px;
  background: #7f8d4d;
  border-radius: 56% 44% 85% 15% / 100% 43% 57% 0%;
  -webkit-transform: translateY(296px);
          transform: translateY(296px);
  -webkit-animation: slide 1944ms -20000ms linear infinite alternate;
          animation: slide 1944ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(72) {
  -webkit-animation: rotate 1463ms -20000ms linear infinite alternate;
          animation: rotate 1463ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(72) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 34px;
  height: 34px;
  background: #5c75d0;
  border-radius: 80% 20% 93% 7% / 80% 59% 41% 20%;
  -webkit-transform: translateY(232px);
          transform: translateY(232px);
  -webkit-animation: slide 1628ms -20000ms linear infinite alternate;
          animation: slide 1628ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(73) {
  -webkit-animation: rotate 1266ms -20000ms linear infinite alternate;
          animation: rotate 1266ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(73) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 70px;
  height: 70px;
  background: #2ee9ce;
  border-radius: 66% 34% 31% 69% / 50% 98% 2% 50%;
  -webkit-transform: translateY(273px);
          transform: translateY(273px);
  -webkit-animation: slide 1864ms -20000ms linear infinite alternate;
          animation: slide 1864ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(74) {
  -webkit-animation: rotate 1780ms -20000ms linear infinite alternate;
          animation: rotate 1780ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(74) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 63px;
  height: 63px;
  background: #c8c476;
  border-radius: 93% 7% 35% 65% / 65% 67% 33% 35%;
  -webkit-transform: translateY(223px);
          transform: translateY(223px);
  -webkit-animation: slide 1017ms -20000ms linear infinite alternate;
          animation: slide 1017ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(75) {
  -webkit-animation: rotate 1650ms -20000ms linear infinite alternate;
          animation: rotate 1650ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(75) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 57px;
  height: 57px;
  background: #938981;
  border-radius: 93% 7% 35% 65% / 53% 34% 66% 47%;
  -webkit-transform: translateY(160px);
          transform: translateY(160px);
  -webkit-animation: slide 1593ms -20000ms linear infinite alternate;
          animation: slide 1593ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(76) {
  -webkit-animation: rotate 1186ms -20000ms linear infinite alternate;
          animation: rotate 1186ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(76) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 74px;
  height: 74px;
  background: #7c0244;
  border-radius: 73% 27% 61% 39% / 82% 35% 65% 18%;
  -webkit-transform: translateY(219px);
          transform: translateY(219px);
  -webkit-animation: slide 1941ms -20000ms linear infinite alternate;
          animation: slide 1941ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(77) {
  -webkit-animation: rotate 1868ms -20000ms linear infinite alternate;
          animation: rotate 1868ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(77) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 44px;
  height: 44px;
  background: #544b14;
  border-radius: 57% 43% 85% 15% / 91% 53% 47% 9%;
  -webkit-transform: translateY(227px);
          transform: translateY(227px);
  -webkit-animation: slide 1306ms -20000ms linear infinite alternate;
          animation: slide 1306ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(78) {
  -webkit-animation: rotate 1615ms -20000ms linear infinite alternate;
          animation: rotate 1615ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(78) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 25px;
  height: 25px;
  background: #bc10e9;
  border-radius: 42% 58% 83% 17% / 29% 47% 53% 71%;
  -webkit-transform: translateY(283px);
          transform: translateY(283px);
  -webkit-animation: slide 1011ms -20000ms linear infinite alternate;
          animation: slide 1011ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(79) {
  -webkit-animation: rotate 1053ms -20000ms linear infinite alternate;
          animation: rotate 1053ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(79) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 78px;
  height: 78px;
  background: #ef0ea7;
  border-radius: 28% 72% 35% 65% / 55% 94% 6% 45%;
  -webkit-transform: translateY(153px);
          transform: translateY(153px);
  -webkit-animation: slide 1157ms -20000ms linear infinite alternate;
          animation: slide 1157ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(80) {
  -webkit-animation: rotate 1294ms -20000ms linear infinite alternate;
          animation: rotate 1294ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(80) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 32px;
  height: 32px;
  background: #035a5b;
  border-radius: 79% 21% 77% 23% / 21% 22% 78% 79%;
  -webkit-transform: translateY(230px);
          transform: translateY(230px);
  -webkit-animation: slide 1845ms -20000ms linear infinite alternate;
          animation: slide 1845ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(81) {
  -webkit-animation: rotate 1984ms -20000ms linear infinite alternate;
          animation: rotate 1984ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(81) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 34px;
  height: 34px;
  background: #136d44;
  border-radius: 77% 23% 43% 57% / 61% 43% 57% 39%;
  -webkit-transform: translateY(240px);
          transform: translateY(240px);
  -webkit-animation: slide 1932ms -20000ms linear infinite alternate;
          animation: slide 1932ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(82) {
  -webkit-animation: rotate 1934ms -20000ms linear infinite alternate;
          animation: rotate 1934ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(82) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 41px;
  height: 41px;
  background: #802708;
  border-radius: 40% 60% 85% 15% / 87% 35% 65% 13%;
  -webkit-transform: translateY(111px);
          transform: translateY(111px);
  -webkit-animation: slide 1088ms -20000ms linear infinite alternate;
          animation: slide 1088ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(83) {
  -webkit-animation: rotate 1546ms -20000ms linear infinite alternate;
          animation: rotate 1546ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(83) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 49px;
  height: 49px;
  background: #e96da4;
  border-radius: 58% 42% 55% 45% / 53% 88% 12% 47%;
  -webkit-transform: translateY(158px);
          transform: translateY(158px);
  -webkit-animation: slide 1163ms -20000ms linear infinite alternate;
          animation: slide 1163ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(84) {
  -webkit-animation: rotate 1364ms -20000ms linear infinite alternate;
          animation: rotate 1364ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(84) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 31px;
  height: 31px;
  background: #8e2b38;
  border-radius: 55% 45% 54% 46% / 68% 95% 5% 32%;
  -webkit-transform: translateY(173px);
          transform: translateY(173px);
  -webkit-animation: slide 1584ms -20000ms linear infinite alternate;
          animation: slide 1584ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(85) {
  -webkit-animation: rotate 1351ms -20000ms linear infinite alternate;
          animation: rotate 1351ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(85) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 51px;
  height: 51px;
  background: #48d99f;
  border-radius: 66% 34% 55% 45% / 75% 31% 69% 25%;
  -webkit-transform: translateY(207px);
          transform: translateY(207px);
  -webkit-animation: slide 1028ms -20000ms linear infinite alternate;
          animation: slide 1028ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(86) {
  -webkit-animation: rotate 1358ms -20000ms linear infinite alternate;
          animation: rotate 1358ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(86) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 30px;
  height: 30px;
  background: #22c408;
  border-radius: 92% 8% 36% 64% / 90% 89% 11% 10%;
  -webkit-transform: translateY(208px);
          transform: translateY(208px);
  -webkit-animation: slide 1369ms -20000ms linear infinite alternate;
          animation: slide 1369ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(87) {
  -webkit-animation: rotate 1498ms -20000ms linear infinite alternate;
          animation: rotate 1498ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(87) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 47px;
  height: 47px;
  background: #74e246;
  border-radius: 61% 39% 41% 59% / 78% 31% 69% 22%;
  -webkit-transform: translateY(291px);
          transform: translateY(291px);
  -webkit-animation: slide 1433ms -20000ms linear infinite alternate;
          animation: slide 1433ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(88) {
  -webkit-animation: rotate 1862ms -20000ms linear infinite alternate;
          animation: rotate 1862ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(88) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 39px;
  height: 39px;
  background: #e7bc17;
  border-radius: 88% 12% 72% 28% / 44% 64% 36% 56%;
  -webkit-transform: translateY(293px);
          transform: translateY(293px);
  -webkit-animation: slide 1584ms -20000ms linear infinite alternate;
          animation: slide 1584ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(89) {
  -webkit-animation: rotate 1814ms -20000ms linear infinite alternate;
          animation: rotate 1814ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(89) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 50px;
  height: 50px;
  background: #616231;
  border-radius: 94% 6% 63% 37% / 53% 47% 53% 47%;
  -webkit-transform: translateY(207px);
          transform: translateY(207px);
  -webkit-animation: slide 1327ms -20000ms linear infinite alternate;
          animation: slide 1327ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(90) {
  -webkit-animation: rotate 1192ms -20000ms linear infinite alternate;
          animation: rotate 1192ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(90) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 68px;
  height: 68px;
  background: #bd99d7;
  border-radius: 89% 11% 57% 43% / 86% 39% 61% 14%;
  -webkit-transform: translateY(126px);
          transform: translateY(126px);
  -webkit-animation: slide 1262ms -20000ms linear infinite alternate;
          animation: slide 1262ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(91) {
  -webkit-animation: rotate 1063ms -20000ms linear infinite alternate;
          animation: rotate 1063ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(91) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 73px;
  height: 73px;
  background: #33f4d8;
  border-radius: 88% 12% 33% 67% / 93% 83% 17% 7%;
  -webkit-transform: translateY(108px);
          transform: translateY(108px);
  -webkit-animation: slide 1218ms -20000ms linear infinite alternate;
          animation: slide 1218ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(92) {
  -webkit-animation: rotate 1461ms -20000ms linear infinite alternate;
          animation: rotate 1461ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(92) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 53px;
  height: 53px;
  background: #b05bbc;
  border-radius: 57% 43% 77% 23% / 32% 38% 62% 68%;
  -webkit-transform: translateY(194px);
          transform: translateY(194px);
  -webkit-animation: slide 1118ms -20000ms linear infinite alternate;
          animation: slide 1118ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(93) {
  -webkit-animation: rotate 1397ms -20000ms linear infinite alternate;
          animation: rotate 1397ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(93) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 49px;
  height: 49px;
  background: #e59e06;
  border-radius: 69% 31% 71% 29% / 94% 28% 72% 6%;
  -webkit-transform: translateY(176px);
          transform: translateY(176px);
  -webkit-animation: slide 1599ms -20000ms linear infinite alternate;
          animation: slide 1599ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(94) {
  -webkit-animation: rotate 1070ms -20000ms linear infinite alternate;
          animation: rotate 1070ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(94) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 48px;
  height: 48px;
  background: #692db2;
  border-radius: 22% 78% 98% 2% / 58% 56% 44% 42%;
  -webkit-transform: translateY(131px);
          transform: translateY(131px);
  -webkit-animation: slide 1970ms -20000ms linear infinite alternate;
          animation: slide 1970ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(95) {
  -webkit-animation: rotate 1085ms -20000ms linear infinite alternate;
          animation: rotate 1085ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(95) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 48px;
  height: 48px;
  background: #034bd4;
  border-radius: 90% 10% 78% 22% / 44% 87% 13% 56%;
  -webkit-transform: translateY(259px);
          transform: translateY(259px);
  -webkit-animation: slide 1723ms -20000ms linear infinite alternate;
          animation: slide 1723ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(96) {
  -webkit-animation: rotate 1294ms -20000ms linear infinite alternate;
          animation: rotate 1294ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(96) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 41px;
  height: 41px;
  background: #48e488;
  border-radius: 94% 6% 49% 51% / 52% 73% 27% 48%;
  -webkit-transform: translateY(274px);
          transform: translateY(274px);
  -webkit-animation: slide 1697ms -20000ms linear infinite alternate;
          animation: slide 1697ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(97) {
  -webkit-animation: rotate 1285ms -20000ms linear infinite alternate;
          animation: rotate 1285ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(97) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 64px;
  height: 64px;
  background: #49be8f;
  border-radius: 65% 35% 55% 45% / 44% 82% 18% 56%;
  -webkit-transform: translateY(245px);
          transform: translateY(245px);
  -webkit-animation: slide 1103ms -20000ms linear infinite alternate;
          animation: slide 1103ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(98) {
  -webkit-animation: rotate 1580ms -20000ms linear infinite alternate;
          animation: rotate 1580ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(98) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 29px;
  height: 29px;
  background: #837c06;
  border-radius: 44% 56% 98% 2% / 66% 29% 71% 34%;
  -webkit-transform: translateY(243px);
          transform: translateY(243px);
  -webkit-animation: slide 1635ms -20000ms linear infinite alternate;
          animation: slide 1635ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(99) {
  -webkit-animation: rotate 1571ms -20000ms linear infinite alternate;
          animation: rotate 1571ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(99) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 70px;
  height: 70px;
  background: #3e61d5;
  border-radius: 22% 78% 82% 18% / 73% 29% 71% 27%;
  -webkit-transform: translateY(154px);
          transform: translateY(154px);
  -webkit-animation: slide 1008ms -20000ms linear infinite alternate;
          animation: slide 1008ms -20000ms linear infinite alternate;
}
.ball_wrapper:nth-child(100) {
  -webkit-animation: rotate 1760ms -20000ms linear infinite alternate;
          animation: rotate 1760ms -20000ms linear infinite alternate;
  mix-blend-mode: screen;
}
.ball_wrapper:nth-child(100) .ball {
  top: calc(50% - $size / 2);
  left: calc(50% - $size / 2);
  width: 79px;
  height: 79px;
  background: #c31672;
  border-radius: 64% 36% 61% 39% / 73% 52% 48% 27%;
  -webkit-transform: translateY(133px);
          transform: translateY(133px);
  -webkit-animation: slide 1280ms -20000ms linear infinite alternate;
          animation: slide 1280ms -20000ms linear infinite alternate;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  100% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  100% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
@-webkit-keyframes slide {
  0% {
    -webkit-transform: translateY(-300px);
            transform: translateY(-300px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes slide {
  0% {
    -webkit-transform: translateY(-300px);
            transform: translateY(-300px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}