/* ===========================================================
================= FLOATING SHAPE ========================== */
.container_shape {
  width: 100%;
  height: 80vh;
  display: block;
  overflow: hidden;

}


.shape {
  margin: 0 auto;
  position: relative;
  opacity: 0.7;
}

.random-shape:after {
  font-family: FontAwesome;
  content: "";
}

@keyframes shape-1 {
  0% {
    transform: translate3d(0, 0, 0) rotate(172deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(532deg);
  }
}
.shape-container--1 {
  animation: shape-1 65s linear infinite;
}
.shape-container--1 .random-shape:after {
  margin: 4.7rem;
  color: #ffef96;
  font-size: 0.94rem;
  content: "";
}

@keyframes shape-2 {
  0% {
    transform: translate3d(0, 0, 0) rotate(310deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(670deg);
  }
}
.shape-container--2 {
  animation: shape-2 44s linear infinite;
}
.shape-container--2 .random-shape:after {
  margin: 6.7rem;
  color: #ff94a1;
  font-size: 1.34rem;
  content: "";
}

@keyframes shape-3 {
  0% {
    transform: translate3d(0, 0, 0) rotate(205deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(565deg);
  }
}
.shape-container--3 {
  animation: shape-3 45s linear infinite;
}
.shape-container--3 .random-shape:after {
  margin: 5.7rem;
  color: #cda1ff;
  font-size: 1.14rem;
  content: "";
}

@keyframes shape-4 {
  0% {
    transform: translate3d(0, 0, 0) rotate(90deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(450deg);
  }
}
.shape-container--4 {
  animation: shape-4 63s linear infinite;
}
.shape-container--4 .random-shape:after {
  margin: 9.7rem;
  color: #31b4ff;
  font-size: 1.94rem;
  content: "";
}

@keyframes shape-5 {
  0% {
    transform: translate3d(0, 0, 0) rotate(191deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(551deg);
  }
}
.shape-container--5 {
  animation: shape-5 66s linear infinite;
}
.shape-container--5 .random-shape:after {
  margin: 4.7rem;
  color: #9300c9;
  font-size: 0.94rem;
  content: "";
}

@keyframes shape-6 {
  0% {
    transform: translate3d(0, 0, 0) rotate(247deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(607deg);
  }
}
.shape-container--6 {
  animation: shape-6 61s linear infinite;
}
.shape-container--6 .random-shape:after {
  margin: 1.7rem;
  color: #ffef96;
  font-size: 0.34rem;
  content: "";
}

@keyframes shape-7 {
  0% {
    transform: translate3d(0, 0, 0) rotate(178deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(538deg);
  }
}
.shape-container--7 {
  animation: shape-7 52s linear infinite;
}
.shape-container--7 .random-shape:after {
  margin: 8.7rem;
  color: #45ffdc;
  font-size: 1.74rem;
  content: "";
}

@keyframes shape-8 {
  0% {
    transform: translate3d(0, 0, 0) rotate(177deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(537deg);
  }
}
.shape-container--8 {
  animation: shape-8 59s linear infinite;
}
.shape-container--8 .random-shape:after {
  margin: 4.7rem;
  color: #4800c0;
  font-size: 0.94rem;
  content: "";
}

@keyframes shape-9 {
  0% {
    transform: translate3d(0, 0, 0) rotate(120deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(480deg);
  }
}
.shape-container--9 {
  animation: shape-9 57s linear infinite;
}
.shape-container--9 .random-shape:after {
  margin: 10.7rem;
  color: #9300c9;
  font-size: 2.14rem;
  content: "";
}

@keyframes shape-10 {
  0% {
    transform: translate3d(0, 0, 0) rotate(141deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(501deg);
  }
}
.shape-container--10 {
  animation: shape-10 51s linear infinite;
}
.shape-container--10 .random-shape:after {
  margin: 6.7rem;
  color: #ff94a1;
  font-size: 1.34rem;
  content: "";
}

@keyframes shape-11 {
  0% {
    transform: translate3d(0, 0, 0) rotate(260deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(620deg);
  }
}
.shape-container--11 {
  animation: shape-11 55s linear infinite;
}
.shape-container--11 .random-shape:after {
  margin: 1.7rem;
  color: #4800c0;
  font-size: 0.34rem;
  content: "";
}

@keyframes shape-12 {
  0% {
    transform: translate3d(0, 0, 0) rotate(197deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(557deg);
  }
}
.shape-container--12 {
  animation: shape-12 69s linear infinite;
}
.shape-container--12 .random-shape:after {
  margin: 10.7rem;
  color: #4800c0;
  font-size: 2.14rem;
  content: "";
}

@keyframes shape-13 {
  0% {
    transform: translate3d(0, 0, 0) rotate(282deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(642deg);
  }
}
.shape-container--13 {
  animation: shape-13 48s linear infinite;
}
.shape-container--13 .random-shape:after {
  margin: 8.7rem;
  color: #4800c0;
  font-size: 1.74rem;
  content: "";
}

@keyframes shape-14 {
  0% {
    transform: translate3d(0, 0, 0) rotate(143deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(503deg);
  }
}
.shape-container--14 {
  animation: shape-14 53s linear infinite;
}
.shape-container--14 .random-shape:after {
  margin: 10.7rem;
  color: #4800c0;
  font-size: 2.14rem;
  content: "";
}

@keyframes shape-15 {
  0% {
    transform: translate3d(0, 0, 0) rotate(72deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(432deg);
  }
}
.shape-container--15 {
  animation: shape-15 48s linear infinite;
}
.shape-container--15 .random-shape:after {
  margin: 4.7rem;
  color: #ffef96;
  font-size: 0.94rem;
  content: "";
}

@keyframes shape-16 {
  0% {
    transform: translate3d(0, 0, 0) rotate(182deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(542deg);
  }
}
.shape-container--16 {
  animation: shape-16 61s linear infinite;
}
.shape-container--16 .random-shape:after {
  margin: 10.7rem;
  color: #45ffdc;
  font-size: 2.14rem;
  content: "";
}

@keyframes shape-17 {
  0% {
    transform: translate3d(0, 0, 0) rotate(230deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(590deg);
  }
}
.shape-container--17 {
  animation: shape-17 44s linear infinite;
}
.shape-container--17 .random-shape:after {
  margin: 1.7rem;
  color: #45ffdc;
  font-size: 0.34rem;
  content: "";
}

@keyframes shape-18 {
  0% {
    transform: translate3d(0, 0, 0) rotate(352deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(712deg);
  }
}
.shape-container--18 {
  animation: shape-18 52s linear infinite;
}
.shape-container--18 .random-shape:after {
  margin: 3.7rem;
  color: #31b4ff;
  font-size: 0.74rem;
  content: "";
}

@keyframes shape-19 {
  0% {
    transform: translate3d(0, 0, 0) rotate(83deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(443deg);
  }
}
.shape-container--19 {
  animation: shape-19 65s linear infinite;
}
.shape-container--19 .random-shape:after {
  margin: 7.7rem;
  color: #31b4ff;
  font-size: 1.54rem;
  content: "";
}

@keyframes shape-20 {
  0% {
    transform: translate3d(0, 0, 0) rotate(176deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(536deg);
  }
}
.shape-container--20 {
  animation: shape-20 60s linear infinite;
}
.shape-container--20 .random-shape:after {
  margin: 2.7rem;
  color: #ffef96;
  font-size: 0.54rem;
  content: "";
}

@keyframes shape-21 {
  0% {
    transform: translate3d(0, 0, 0) rotate(351deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(711deg);
  }
}
.shape-container--21 {
  animation: shape-21 60s linear infinite;
}
.shape-container--21 .random-shape:after {
  margin: 5.7rem;
  color: #45ffdc;
  font-size: 1.14rem;
  content: "";
}

@keyframes shape-22 {
  0% {
    transform: translate3d(0, 0, 0) rotate(41deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(401deg);
  }
}
.shape-container--22 {
  animation: shape-22 41s linear infinite;
}
.shape-container--22 .random-shape:after {
  margin: 7.7rem;
  color: #31b4ff;
  font-size: 1.54rem;
  content: "";
}

@keyframes shape-23 {
  0% {
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(405deg);
  }
}
.shape-container--23 {
  animation: shape-23 69s linear infinite;
}
.shape-container--23 .random-shape:after {
  margin: 10.7rem;
  color: #ff94a1;
  font-size: 2.14rem;
  content: "";
}

@keyframes shape-24 {
  0% {
    transform: translate3d(0, 0, 0) rotate(240deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(600deg);
  }
}
.shape-container--24 {
  animation: shape-24 48s linear infinite;
}
.shape-container--24 .random-shape:after {
  margin: 4.7rem;
  color: #cda1ff;
  font-size: 0.94rem;
  content: "";
}

@keyframes shape-25 {
  0% {
    transform: translate3d(0, 0, 0) rotate(51deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(411deg);
  }
}
.shape-container--25 {
  animation: shape-25 45s linear infinite;
}
.shape-container--25 .random-shape:after {
  margin: 9.7rem;
  color: #45ffdc;
  font-size: 1.94rem;
  content: "";
}

@keyframes shape-26 {
  0% {
    transform: translate3d(0, 0, 0) rotate(359deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(719deg);
  }
}
.shape-container--26 {
  animation: shape-26 55s linear infinite;
}
.shape-container--26 .random-shape:after {
  margin: 5.7rem;
  color: #45ffdc;
  font-size: 1.14rem;
  content: "";
}

@keyframes shape-27 {
  0% {
    transform: translate3d(0, 0, 0) rotate(226deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(586deg);
  }
}
.shape-container--27 {
  animation: shape-27 52s linear infinite;
}
.shape-container--27 .random-shape:after {
  margin: 6.7rem;
  color: #9300c9;
  font-size: 1.34rem;
  content: "";
}

@keyframes shape-28 {
  0% {
    transform: translate3d(0, 0, 0) rotate(23deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(383deg);
  }
}
.shape-container--28 {
  animation: shape-28 48s linear infinite;
}
.shape-container--28 .random-shape:after {
  margin: 1.7rem;
  color: #45ffdc;
  font-size: 0.34rem;
  content: "";
}

@keyframes shape-29 {
  0% {
    transform: translate3d(0, 0, 0) rotate(307deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(667deg);
  }
}
.shape-container--29 {
  animation: shape-29 70s linear infinite;
}
.shape-container--29 .random-shape:after {
  margin: 2.7rem;
  color: #cda1ff;
  font-size: 0.54rem;
  content: "";
}

@keyframes shape-30 {
  0% {
    transform: translate3d(0, 0, 0) rotate(196deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(556deg);
  }
}
.shape-container--30 {
  animation: shape-30 50s linear infinite;
}
.shape-container--30 .random-shape:after {
  margin: 3.7rem;
  color: #31b4ff;
  font-size: 0.74rem;
  content: "";
}

@keyframes shape-31 {
  0% {
    transform: translate3d(0, 0, 0) rotate(77deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(437deg);
  }
}
.shape-container--31 {
  animation: shape-31 57s linear infinite;
}
.shape-container--31 .random-shape:after {
  margin: 10.7rem;
  color: #4800c0;
  font-size: 2.14rem;
  content: "";
}

@keyframes shape-32 {
  0% {
    transform: translate3d(0, 0, 0) rotate(294deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(654deg);
  }
}
.shape-container--32 {
  animation: shape-32 51s linear infinite;
}
.shape-container--32 .random-shape:after {
  margin: 9.7rem;
  color: #45ffdc;
  font-size: 1.94rem;
  content: "";
}

@keyframes shape-33 {
  0% {
    transform: translate3d(0, 0, 0) rotate(332deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(692deg);
  }
}
.shape-container--33 {
  animation: shape-33 68s linear infinite;
}
.shape-container--33 .random-shape:after {
  margin: 2.7rem;
  color: #ff94a1;
  font-size: 0.54rem;
  content: "";
}

@keyframes shape-34 {
  0% {
    transform: translate3d(0, 0, 0) rotate(279deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(639deg);
  }
}
.shape-container--34 {
  animation: shape-34 47s linear infinite;
}
.shape-container--34 .random-shape:after {
  margin: 6.7rem;
  color: #45ffdc;
  font-size: 1.34rem;
  content: "";
}

@keyframes shape-35 {
  0% {
    transform: translate3d(0, 0, 0) rotate(250deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(610deg);
  }
}
.shape-container--35 {
  animation: shape-35 44s linear infinite;
}
.shape-container--35 .random-shape:after {
  margin: 7.7rem;
  color: #9300c9;
  font-size: 1.54rem;
  content: "";
}

@keyframes shape-36 {
  0% {
    transform: translate3d(0, 0, 0) rotate(212deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(572deg);
  }
}
.shape-container--36 {
  animation: shape-36 53s linear infinite;
}
.shape-container--36 .random-shape:after {
  margin: 7.7rem;
  color: #ffef96;
  font-size: 1.54rem;
  content: "";
}

@keyframes shape-37 {
  0% {
    transform: translate3d(0, 0, 0) rotate(167deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(527deg);
  }
}
.shape-container--37 {
  animation: shape-37 67s linear infinite;
}
.shape-container--37 .random-shape:after {
  margin: 7.7rem;
  color: #ff94a1;
  font-size: 1.54rem;
  content: "";
}

@keyframes shape-38 {
  0% {
    transform: translate3d(0, 0, 0) rotate(352deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(712deg);
  }
}
.shape-container--38 {
  animation: shape-38 68s linear infinite;
}
.shape-container--38 .random-shape:after {
  margin: 7.7rem;
  color: #45ffdc;
  font-size: 1.54rem;
  content: "";
}

@keyframes shape-39 {
  0% {
    transform: translate3d(0, 0, 0) rotate(307deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(667deg);
  }
}
.shape-container--39 {
  animation: shape-39 67s linear infinite;
}
.shape-container--39 .random-shape:after {
  margin: 4.7rem;
  color: #ffef96;
  font-size: 0.94rem;
  content: "";
}

@keyframes shape-40 {
  0% {
    transform: translate3d(0, 0, 0) rotate(282deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(642deg);
  }
}
.shape-container--40 {
  animation: shape-40 41s linear infinite;
}
.shape-container--40 .random-shape:after {
  margin: 8.7rem;
  color: #cda1ff;
  font-size: 1.74rem;
  content: "";
}

@keyframes shape-41 {
  0% {
    transform: translate3d(0, 0, 0) rotate(6deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(366deg);
  }
}
.shape-container--41 {
  animation: shape-41 69s linear infinite;
}
.shape-container--41 .random-shape:after {
  margin: 5.7rem;
  color: #ff94a1;
  font-size: 1.14rem;
  content: "";
}

@keyframes shape-42 {
  0% {
    transform: translate3d(0, 0, 0) rotate(235deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(595deg);
  }
}
.shape-container--42 {
  animation: shape-42 51s linear infinite;
}
.shape-container--42 .random-shape:after {
  margin: 5.7rem;
  color: #45ffdc;
  font-size: 1.14rem;
  content: "";
}

@keyframes shape-43 {
  0% {
    transform: translate3d(0, 0, 0) rotate(2deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(362deg);
  }
}
.shape-container--43 {
  animation: shape-43 51s linear infinite;
}
.shape-container--43 .random-shape:after {
  margin: 8.7rem;
  color: #cda1ff;
  font-size: 1.74rem;
  content: "";
}

@keyframes shape-44 {
  0% {
    transform: translate3d(0, 0, 0) rotate(255deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(615deg);
  }
}
.shape-container--44 {
  animation: shape-44 49s linear infinite;
}
.shape-container--44 .random-shape:after {
  margin: 2.7rem;
  color: #9300c9;
  font-size: 0.54rem;
  content: "";
}

@keyframes shape-45 {
  0% {
    transform: translate3d(0, 0, 0) rotate(96deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(456deg);
  }
}
.shape-container--45 {
  animation: shape-45 58s linear infinite;
}
.shape-container--45 .random-shape:after {
  margin: 5.7rem;
  color: #4800c0;
  font-size: 1.14rem;
  content: "";
}

@keyframes shape-46 {
  0% {
    transform: translate3d(0, 0, 0) rotate(161deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(521deg);
  }
}
.shape-container--46 {
  animation: shape-46 46s linear infinite;
}
.shape-container--46 .random-shape:after {
  margin: 9.7rem;
  color: #9300c9;
  font-size: 1.94rem;
  content: "";
}

@keyframes shape-47 {
  0% {
    transform: translate3d(0, 0, 0) rotate(239deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(599deg);
  }
}
.shape-container--47 {
  animation: shape-47 63s linear infinite;
}
.shape-container--47 .random-shape:after {
  margin: 3.7rem;
  color: #9300c9;
  font-size: 0.74rem;
  content: "";
}

@keyframes shape-48 {
  0% {
    transform: translate3d(0, 0, 0) rotate(231deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(591deg);
  }
}
.shape-container--48 {
  animation: shape-48 59s linear infinite;
}
.shape-container--48 .random-shape:after {
  margin: 1.7rem;
  color: #31b4ff;
  font-size: 0.34rem;
  content: "";
}

@keyframes shape-49 {
  0% {
    transform: translate3d(0, 0, 0) rotate(199deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(559deg);
  }
}
.shape-container--49 {
  animation: shape-49 48s linear infinite;
}
.shape-container--49 .random-shape:after {
  margin: 2.7rem;
  color: #9300c9;
  font-size: 0.54rem;
  content: "";
}

@keyframes shape-50 {
  0% {
    transform: translate3d(0, 0, 0) rotate(151deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(511deg);
  }
}
.shape-container--50 {
  animation: shape-50 70s linear infinite;
}
.shape-container--50 .random-shape:after {
  margin: 3.7rem;
  color: #ffef96;
  font-size: 0.74rem;
  content: "";
}

@keyframes shape-51 {
  0% {
    transform: translate3d(0, 0, 0) rotate(282deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(642deg);
  }
}
.shape-container--51 {
  animation: shape-51 45s linear infinite;
}
.shape-container--51 .random-shape:after {
  margin: 5.7rem;
  color: #cda1ff;
  font-size: 1.14rem;
  content: "";
}

@keyframes shape-52 {
  0% {
    transform: translate3d(0, 0, 0) rotate(323deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(683deg);
  }
}
.shape-container--52 {
  animation: shape-52 56s linear infinite;
}
.shape-container--52 .random-shape:after {
  margin: 10.7rem;
  color: #4800c0;
  font-size: 2.14rem;
  content: "";
}

@keyframes shape-53 {
  0% {
    transform: translate3d(0, 0, 0) rotate(198deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(558deg);
  }
}
.shape-container--53 {
  animation: shape-53 62s linear infinite;
}
.shape-container--53 .random-shape:after {
  margin: 5.7rem;
  color: #4800c0;
  font-size: 1.14rem;
  content: "";
}

@keyframes shape-54 {
  0% {
    transform: translate3d(0, 0, 0) rotate(225deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(585deg);
  }
}
.shape-container--54 {
  animation: shape-54 62s linear infinite;
}
.shape-container--54 .random-shape:after {
  margin: 3.7rem;
  color: #ff94a1;
  font-size: 0.74rem;
  content: "";
}

@keyframes shape-55 {
  0% {
    transform: translate3d(0, 0, 0) rotate(281deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(641deg);
  }
}
.shape-container--55 {
  animation: shape-55 69s linear infinite;
}
.shape-container--55 .random-shape:after {
  margin: 9.7rem;
  color: #31b4ff;
  font-size: 1.94rem;
  content: "";
}

@keyframes shape-56 {
  0% {
    transform: translate3d(0, 0, 0) rotate(345deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(705deg);
  }
}
.shape-container--56 {
  animation: shape-56 65s linear infinite;
}
.shape-container--56 .random-shape:after {
  margin: 6.7rem;
  color: #ffef96;
  font-size: 1.34rem;
  content: "";
}

@keyframes shape-57 {
  0% {
    transform: translate3d(0, 0, 0) rotate(248deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(608deg);
  }
}
.shape-container--57 {
  animation: shape-57 68s linear infinite;
}
.shape-container--57 .random-shape:after {
  margin: 4.7rem;
  color: #cda1ff;
  font-size: 0.94rem;
  content: "";
}

@keyframes shape-58 {
  0% {
    transform: translate3d(0, 0, 0) rotate(288deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(648deg);
  }
}
.shape-container--58 {
  animation: shape-58 66s linear infinite;
}
.shape-container--58 .random-shape:after {
  margin: 1.7rem;
  color: #45ffdc;
  font-size: 0.34rem;
  content: "";
}

@keyframes shape-59 {
  0% {
    transform: translate3d(0, 0, 0) rotate(227deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(587deg);
  }
}
.shape-container--59 {
  animation: shape-59 51s linear infinite;
}
.shape-container--59 .random-shape:after {
  margin: 4.7rem;
  color: #cda1ff;
  font-size: 0.94rem;
  content: "";
}

@keyframes shape-60 {
  0% {
    transform: translate3d(0, 0, 0) rotate(132deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(492deg);
  }
}
.shape-container--60 {
  animation: shape-60 63s linear infinite;
}
.shape-container--60 .random-shape:after {
  margin: 5.7rem;
  color: #45ffdc;
  font-size: 1.14rem;
  content: "";
}

@keyframes shape-61 {
  0% {
    transform: translate3d(0, 0, 0) rotate(337deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(697deg);
  }
}
.shape-container--61 {
  animation: shape-61 48s linear infinite;
}
.shape-container--61 .random-shape:after {
  margin: 8.7rem;
  color: #ff94a1;
  font-size: 1.74rem;
  content: "";
}

@keyframes shape-62 {
  0% {
    transform: translate3d(0, 0, 0) rotate(278deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(638deg);
  }
}
.shape-container--62 {
  animation: shape-62 49s linear infinite;
}
.shape-container--62 .random-shape:after {
  margin: 6.7rem;
  color: #cda1ff;
  font-size: 1.34rem;
  content: "";
}

@keyframes shape-63 {
  0% {
    transform: translate3d(0, 0, 0) rotate(187deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(547deg);
  }
}
.shape-container--63 {
  animation: shape-63 53s linear infinite;
}
.shape-container--63 .random-shape:after {
  margin: 5.7rem;
  color: #ffef96;
  font-size: 1.14rem;
  content: "";
}

@keyframes shape-64 {
  0% {
    transform: translate3d(0, 0, 0) rotate(332deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(692deg);
  }
}
.shape-container--64 {
  animation: shape-64 53s linear infinite;
}
.shape-container--64 .random-shape:after {
  margin: 9.7rem;
  color: #31b4ff;
  font-size: 1.94rem;
  content: "";
}

@keyframes shape-65 {
  0% {
    transform: translate3d(0, 0, 0) rotate(293deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(653deg);
  }
}
.shape-container--65 {
  animation: shape-65 42s linear infinite;
}
.shape-container--65 .random-shape:after {
  margin: 9.7rem;
  color: #ffef96;
  font-size: 1.94rem;
  content: "";
}

@keyframes shape-66 {
  0% {
    transform: translate3d(0, 0, 0) rotate(179deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(539deg);
  }
}
.shape-container--66 {
  animation: shape-66 69s linear infinite;
}
.shape-container--66 .random-shape:after {
  margin: 9.7rem;
  color: #ffef96;
  font-size: 1.94rem;
  content: "";
}

@keyframes shape-67 {
  0% {
    transform: translate3d(0, 0, 0) rotate(77deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(437deg);
  }
}
.shape-container--67 {
  animation: shape-67 53s linear infinite;
}
.shape-container--67 .random-shape:after {
  margin: 7.7rem;
  color: #ff94a1;
  font-size: 1.54rem;
  content: "";
}

@keyframes shape-68 {
  0% {
    transform: translate3d(0, 0, 0) rotate(328deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(688deg);
  }
}
.shape-container--68 {
  animation: shape-68 68s linear infinite;
}
.shape-container--68 .random-shape:after {
  margin: 7.7rem;
  color: #9300c9;
  font-size: 1.54rem;
  content: "";
}

@keyframes shape-69 {
  0% {
    transform: translate3d(0, 0, 0) rotate(154deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(514deg);
  }
}
.shape-container--69 {
  animation: shape-69 43s linear infinite;
}
.shape-container--69 .random-shape:after {
  margin: 10.7rem;
  color: #ff94a1;
  font-size: 2.14rem;
  content: "";
}

@keyframes shape-70 {
  0% {
    transform: translate3d(0, 0, 0) rotate(17deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(377deg);
  }
}
.shape-container--70 {
  animation: shape-70 57s linear infinite;
}
.shape-container--70 .random-shape:after {
  margin: 3.7rem;
  color: #ffef96;
  font-size: 0.74rem;
  content: "";
}

@keyframes shape-71 {
  0% {
    transform: translate3d(0, 0, 0) rotate(208deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(568deg);
  }
}
.shape-container--71 {
  animation: shape-71 56s linear infinite;
}
.shape-container--71 .random-shape:after {
  margin: 4.7rem;
  color: #ff94a1;
  font-size: 0.94rem;
  content: "";
}

@keyframes shape-72 {
  0% {
    transform: translate3d(0, 0, 0) rotate(244deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(604deg);
  }
}
.shape-container--72 {
  animation: shape-72 63s linear infinite;
}
.shape-container--72 .random-shape:after {
  margin: 6.7rem;
  color: #45ffdc;
  font-size: 1.34rem;
  content: "";
}

@keyframes shape-73 {
  0% {
    transform: translate3d(0, 0, 0) rotate(328deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(688deg);
  }
}
.shape-container--73 {
  animation: shape-73 64s linear infinite;
}
.shape-container--73 .random-shape:after {
  margin: 9.7rem;
  color: #ffef96;
  font-size: 1.94rem;
  content: "";
}

@keyframes shape-74 {
  0% {
    transform: translate3d(0, 0, 0) rotate(61deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(421deg);
  }
}
.shape-container--74 {
  animation: shape-74 48s linear infinite;
}
.shape-container--74 .random-shape:after {
  margin: 1.7rem;
  color: #9300c9;
  font-size: 0.34rem;
  content: "";
}

@keyframes shape-75 {
  0% {
    transform: translate3d(0, 0, 0) rotate(329deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(689deg);
  }
}
.shape-container--75 {
  animation: shape-75 44s linear infinite;
}
.shape-container--75 .random-shape:after {
  margin: 4.7rem;
  color: #ffef96;
  font-size: 0.94rem;
  content: "";
}

@keyframes shape-76 {
  0% {
    transform: translate3d(0, 0, 0) rotate(324deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(684deg);
  }
}
.shape-container--76 {
  animation: shape-76 57s linear infinite;
}
.shape-container--76 .random-shape:after {
  margin: 3.7rem;
  color: #cda1ff;
  font-size: 0.74rem;
  content: "";
}

@keyframes shape-77 {
  0% {
    transform: translate3d(0, 0, 0) rotate(105deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(465deg);
  }
}
.shape-container--77 {
  animation: shape-77 52s linear infinite;
}
.shape-container--77 .random-shape:after {
  margin: 2.7rem;
  color: #ffef96;
  font-size: 0.54rem;
  content: "";
}

@keyframes shape-78 {
  0% {
    transform: translate3d(0, 0, 0) rotate(258deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(618deg);
  }
}
.shape-container--78 {
  animation: shape-78 55s linear infinite;
}
.shape-container--78 .random-shape:after {
  margin: 4.7rem;
  color: #4800c0;
  font-size: 0.94rem;
  content: "";
}

@keyframes shape-79 {
  0% {
    transform: translate3d(0, 0, 0) rotate(165deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(525deg);
  }
}
.shape-container--79 {
  animation: shape-79 44s linear infinite;
}
.shape-container--79 .random-shape:after {
  margin: 3.7rem;
  color: #ff94a1;
  font-size: 0.74rem;
  content: "";
}

@keyframes shape-80 {
  0% {
    transform: translate3d(0, 0, 0) rotate(279deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(639deg);
  }
}
.shape-container--80 {
  animation: shape-80 56s linear infinite;
}
.shape-container--80 .random-shape:after {
  margin: 5.7rem;
  color: #4800c0;
  font-size: 1.14rem;
  content: "";
}