@charset "UTF-8";
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);

.shape {
  position: absolute;
  opacity: 0.7;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

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

@keyframes shape-1 {
  0% {
    transform: translate3d(0, 0, 0) rotate(46deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(406deg);
  }
}
.shape-container--1 {
  animation: shape-1 47s linear infinite;
}
.shape-container--1 .random-shape:after {
  margin: 8.7rem;
  color: #cda1ff;
  font-size: 1.74rem;
  content: "\f111";
}

@keyframes shape-2 {
  0% {
    transform: translate3d(0, 0, 0) rotate(65deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(425deg);
  }
}
.shape-container--2 {
  animation: shape-2 51s linear infinite;
}
.shape-container--2 .random-shape:after {
  margin: 2.7rem;
  color: #45ffdc;
  font-size: 0.54rem;
  content: "\f10c";
}

@keyframes shape-3 {
  0% {
    transform: translate3d(0, 0, 0) rotate(125deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(485deg);
  }
}
.shape-container--3 {
  animation: shape-3 60s linear infinite;
}
.shape-container--3 .random-shape:after {
  margin: 6.7rem;
  color: #4800c0;
  font-size: 1.34rem;
  content: "\f068";
}

@keyframes shape-4 {
  0% {
    transform: translate3d(0, 0, 0) rotate(21deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(381deg);
  }
}
.shape-container--4 {
  animation: shape-4 60s linear infinite;
}
.shape-container--4 .random-shape:after {
  margin: 8.7rem;
  color: #9300c9;
  font-size: 1.74rem;
  content: "\f22d";
}

@keyframes shape-5 {
  0% {
    transform: translate3d(0, 0, 0) rotate(308deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(668deg);
  }
}
.shape-container--5 {
  animation: shape-5 42s linear infinite;
}
.shape-container--5 .random-shape:after {
  margin: 8.7rem;
  color: #cda1ff;
  font-size: 1.74rem;
  content: "\f077";
}

@keyframes shape-6 {
  0% {
    transform: translate3d(0, 0, 0) rotate(241deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(601deg);
  }
}
.shape-container--6 {
  animation: shape-6 50s linear infinite;
}
.shape-container--6 .random-shape:after {
  margin: 5.7rem;
  color: #45ffdc;
  font-size: 1.14rem;
  content: "\f04b";
}

@keyframes shape-7 {
  0% {
    transform: translate3d(0, 0, 0) rotate(184deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(544deg);
  }
}
.shape-container--7 {
  animation: shape-7 52s linear infinite;
}
.shape-container--7 .random-shape:after {
  margin: 10.7rem;
  color: #31b4ff;
  font-size: 2.14rem;
  content: "\f111";
}

@keyframes shape-8 {
  0% {
    transform: translate3d(0, 0, 0) rotate(276deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(636deg);
  }
}
.shape-container--8 {
  animation: shape-8 53s linear infinite;
}
.shape-container--8 .random-shape:after {
  margin: 10.7rem;
  color: #9300c9;
  font-size: 2.14rem;
  content: "\f077";
}

@keyframes shape-9 {
  0% {
    transform: translate3d(0, 0, 0) rotate(62deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(422deg);
  }
}
.shape-container--9 {
  animation: shape-9 67s linear infinite;
}
.shape-container--9 .random-shape:after {
  margin: 2.7rem;
  color: #ffef96;
  font-size: 0.54rem;
  content: "\f067";
}

@keyframes shape-10 {
  0% {
    transform: translate3d(0, 0, 0) rotate(8deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(368deg);
  }
}
.shape-container--10 {
  animation: shape-10 54s linear infinite;
}
.shape-container--10 .random-shape:after {
  margin: 9.7rem;
  color: #4800c0;
  font-size: 1.94rem;
  content: "\f111";
}

@keyframes shape-11 {
  0% {
    transform: translate3d(0, 0, 0) rotate(101deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(461deg);
  }
}
.shape-container--11 {
  animation: shape-11 55s linear infinite;
}
.shape-container--11 .random-shape:after {
  margin: 5.7rem;
  color: #31b4ff;
  font-size: 1.14rem;
  content: "\f22d";
}

@keyframes shape-12 {
  0% {
    transform: translate3d(0, 0, 0) rotate(16deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(376deg);
  }
}
.shape-container--12 {
  animation: shape-12 55s linear infinite;
}
.shape-container--12 .random-shape:after {
  margin: 7.7rem;
  color: #31b4ff;
  font-size: 1.54rem;
  content: "\f067";
}

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

@keyframes shape-14 {
  0% {
    transform: translate3d(0, 0, 0) rotate(61deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(421deg);
  }
}
.shape-container--14 {
  animation: shape-14 55s linear infinite;
}
.shape-container--14 .random-shape:after {
  margin: 7.7rem;
  color: #4800c0;
  font-size: 1.54rem;
  content: "\f067";
}

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

@keyframes shape-16 {
  0% {
    transform: translate3d(0, 0, 0) rotate(226deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(586deg);
  }
}
.shape-container--16 {
  animation: shape-16 47s linear infinite;
}
.shape-container--16 .random-shape:after {
  margin: 2.7rem;
  color: #31b4ff;
  font-size: 0.54rem;
  content: "\f077";
}

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

@keyframes shape-18 {
  0% {
    transform: translate3d(0, 0, 0) rotate(178deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(538deg);
  }
}
.shape-container--18 {
  animation: shape-18 41s linear infinite;
}
.shape-container--18 .random-shape:after {
  margin: 4.7rem;
  color: #9300c9;
  font-size: 0.94rem;
  content: "\f04b";
}

@keyframes shape-19 {
  0% {
    transform: translate3d(0, 0, 0) rotate(93deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(453deg);
  }
}
.shape-container--19 {
  animation: shape-19 52s linear infinite;
}
.shape-container--19 .random-shape:after {
  margin: 7.7rem;
  color: #4800c0;
  font-size: 1.54rem;
  content: "\f22d";
}

@keyframes shape-20 {
  0% {
    transform: translate3d(0, 0, 0) rotate(124deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(484deg);
  }
}
.shape-container--20 {
  animation: shape-20 50s linear infinite;
}
.shape-container--20 .random-shape:after {
  margin: 9.7rem;
  color: #ffef96;
  font-size: 1.94rem;
  content: "\f111";
}

@keyframes shape-21 {
  0% {
    transform: translate3d(0, 0, 0) rotate(331deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(691deg);
  }
}
.shape-container--21 {
  animation: shape-21 41s linear infinite;
}
.shape-container--21 .random-shape:after {
  margin: 6.7rem;
  color: #4800c0;
  font-size: 1.34rem;
  content: "\f111";
}

@keyframes shape-22 {
  0% {
    transform: translate3d(0, 0, 0) rotate(156deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(516deg);
  }
}
.shape-container--22 {
  animation: shape-22 66s linear infinite;
}
.shape-container--22 .random-shape:after {
  margin: 4.7rem;
  color: #45ffdc;
  font-size: 0.94rem;
  content: "\f04b";
}

@keyframes shape-23 {
  0% {
    transform: translate3d(0, 0, 0) rotate(138deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(498deg);
  }
}
.shape-container--23 {
  animation: shape-23 68s linear infinite;
}
.shape-container--23 .random-shape:after {
  margin: 3.7rem;
  color: #31b4ff;
  font-size: 0.74rem;
  content: "\f04d";
}

@keyframes shape-24 {
  0% {
    transform: translate3d(0, 0, 0) rotate(309deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(669deg);
  }
}
.shape-container--24 {
  animation: shape-24 65s linear infinite;
}
.shape-container--24 .random-shape:after {
  margin: 10.7rem;
  color: #4800c0;
  font-size: 2.14rem;
  content: "\f077";
}

@keyframes shape-25 {
  0% {
    transform: translate3d(0, 0, 0) rotate(216deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(576deg);
  }
}
.shape-container--25 {
  animation: shape-25 51s linear infinite;
}
.shape-container--25 .random-shape:after {
  margin: 7.7rem;
  color: #45ffdc;
  font-size: 1.54rem;
  content: "\f10c";
}

@keyframes shape-26 {
  0% {
    transform: translate3d(0, 0, 0) rotate(172deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(532deg);
  }
}
.shape-container--26 {
  animation: shape-26 52s linear infinite;
}
.shape-container--26 .random-shape:after {
  margin: 6.7rem;
  color: #ff94a1;
  font-size: 1.34rem;
  content: "\f067";
}

@keyframes shape-27 {
  0% {
    transform: translate3d(0, 0, 0) rotate(252deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(612deg);
  }
}
.shape-container--27 {
  animation: shape-27 60s linear infinite;
}
.shape-container--27 .random-shape:after {
  margin: 6.7rem;
  color: #ffef96;
  font-size: 1.34rem;
  content: "\f077";
}

@keyframes shape-28 {
  0% {
    transform: translate3d(0, 0, 0) rotate(71deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(431deg);
  }
}
.shape-container--28 {
  animation: shape-28 53s linear infinite;
}
.shape-container--28 .random-shape:after {
  margin: 1.7rem;
  color: #ff94a1;
  font-size: 0.34rem;
  content: "\f22d";
}

@keyframes shape-29 {
  0% {
    transform: translate3d(0, 0, 0) rotate(356deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(716deg);
  }
}
.shape-container--29 {
  animation: shape-29 45s linear infinite;
}
.shape-container--29 .random-shape:after {
  margin: 3.7rem;
  color: #9300c9;
  font-size: 0.74rem;
  content: "\f067";
}

@keyframes shape-30 {
  0% {
    transform: translate3d(0, 0, 0) rotate(69deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(429deg);
  }
}
.shape-container--30 {
  animation: shape-30 69s linear infinite;
}
.shape-container--30 .random-shape:after {
  margin: 9.7rem;
  color: #4800c0;
  font-size: 1.94rem;
  content: "\f04b";
}

@keyframes shape-31 {
  0% {
    transform: translate3d(0, 0, 0) rotate(311deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(671deg);
  }
}
.shape-container--31 {
  animation: shape-31 70s linear infinite;
}
.shape-container--31 .random-shape:after {
  margin: 6.7rem;
  color: #31b4ff;
  font-size: 1.34rem;
  content: "\f22d";
}

@keyframes shape-32 {
  0% {
    transform: translate3d(0, 0, 0) rotate(301deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(661deg);
  }
}
.shape-container--32 {
  animation: shape-32 58s linear infinite;
}
.shape-container--32 .random-shape:after {
  margin: 1.7rem;
  color: #cda1ff;
  font-size: 0.34rem;
  content: "\f111";
}

@keyframes shape-33 {
  0% {
    transform: translate3d(0, 0, 0) rotate(299deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(659deg);
  }
}
.shape-container--33 {
  animation: shape-33 65s linear infinite;
}
.shape-container--33 .random-shape:after {
  margin: 10.7rem;
  color: #9300c9;
  font-size: 2.14rem;
  content: "\f111";
}

@keyframes shape-34 {
  0% {
    transform: translate3d(0, 0, 0) rotate(66deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(426deg);
  }
}
.shape-container--34 {
  animation: shape-34 63s linear infinite;
}
.shape-container--34 .random-shape:after {
  margin: 9.7rem;
  color: #9300c9;
  font-size: 1.94rem;
  content: "\f04b";
}

@keyframes shape-35 {
  0% {
    transform: translate3d(0, 0, 0) rotate(116deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(476deg);
  }
}
.shape-container--35 {
  animation: shape-35 59s linear infinite;
}
.shape-container--35 .random-shape:after {
  margin: 7.7rem;
  color: #45ffdc;
  font-size: 1.54rem;
  content: "\f067";
}

@keyframes shape-36 {
  0% {
    transform: translate3d(0, 0, 0) rotate(139deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(499deg);
  }
}
.shape-container--36 {
  animation: shape-36 62s linear infinite;
}
.shape-container--36 .random-shape:after {
  margin: 5.7rem;
  color: #cda1ff;
  font-size: 1.14rem;
  content: "\f077";
}

@keyframes shape-37 {
  0% {
    transform: translate3d(0, 0, 0) rotate(46deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(406deg);
  }
}
.shape-container--37 {
  animation: shape-37 66s linear infinite;
}
.shape-container--37 .random-shape:after {
  margin: 9.7rem;
  color: #4800c0;
  font-size: 1.94rem;
  content: "\f04d";
}

@keyframes shape-38 {
  0% {
    transform: translate3d(0, 0, 0) rotate(10deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(370deg);
  }
}
.shape-container--38 {
  animation: shape-38 64s linear infinite;
}
.shape-container--38 .random-shape:after {
  margin: 6.7rem;
  color: #31b4ff;
  font-size: 1.34rem;
  content: "\f22d";
}

@keyframes shape-39 {
  0% {
    transform: translate3d(0, 0, 0) rotate(91deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(451deg);
  }
}
.shape-container--39 {
  animation: shape-39 57s linear infinite;
}
.shape-container--39 .random-shape:after {
  margin: 9.7rem;
  color: #45ffdc;
  font-size: 1.94rem;
  content: "\f077";
}

@keyframes shape-40 {
  0% {
    transform: translate3d(0, 0, 0) rotate(348deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(708deg);
  }
}
.shape-container--40 {
  animation: shape-40 50s linear infinite;
}
.shape-container--40 .random-shape:after {
  margin: 9.7rem;
  color: #cda1ff;
  font-size: 1.94rem;
  content: "\f067";
}

@keyframes shape-41 {
  0% {
    transform: translate3d(0, 0, 0) rotate(190deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(550deg);
  }
}
.shape-container--41 {
  animation: shape-41 44s linear infinite;
}
.shape-container--41 .random-shape:after {
  margin: 6.7rem;
  color: #cda1ff;
  font-size: 1.34rem;
  content: "\f067";
}

@keyframes shape-42 {
  0% {
    transform: translate3d(0, 0, 0) rotate(6deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(366deg);
  }
}
.shape-container--42 {
  animation: shape-42 66s linear infinite;
}
.shape-container--42 .random-shape:after {
  margin: 10.7rem;
  color: #9300c9;
  font-size: 2.14rem;
  content: "\f111";
}

@keyframes shape-43 {
  0% {
    transform: translate3d(0, 0, 0) rotate(325deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(685deg);
  }
}
.shape-container--43 {
  animation: shape-43 45s linear infinite;
}
.shape-container--43 .random-shape:after {
  margin: 6.7rem;
  color: #4800c0;
  font-size: 1.34rem;
  content: "\f22d";
}

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

@keyframes shape-45 {
  0% {
    transform: translate3d(0, 0, 0) rotate(154deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(514deg);
  }
}
.shape-container--45 {
  animation: shape-45 48s linear infinite;
}
.shape-container--45 .random-shape:after {
  margin: 5.7rem;
  color: #31b4ff;
  font-size: 1.14rem;
  content: "\f077";
}

@keyframes shape-46 {
  0% {
    transform: translate3d(0, 0, 0) rotate(179deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(539deg);
  }
}
.shape-container--46 {
  animation: shape-46 53s linear infinite;
}
.shape-container--46 .random-shape:after {
  margin: 6.7rem;
  color: #9300c9;
  font-size: 1.34rem;
  content: "\f077";
}

@keyframes shape-47 {
  0% {
    transform: translate3d(0, 0, 0) rotate(14deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(374deg);
  }
}
.shape-container--47 {
  animation: shape-47 48s linear infinite;
}
.shape-container--47 .random-shape:after {
  margin: 8.7rem;
  color: #ffef96;
  font-size: 1.74rem;
  content: "\f068";
}

@keyframes shape-48 {
  0% {
    transform: translate3d(0, 0, 0) rotate(64deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(424deg);
  }
}
.shape-container--48 {
  animation: shape-48 53s linear infinite;
}
.shape-container--48 .random-shape:after {
  margin: 3.7rem;
  color: #45ffdc;
  font-size: 0.74rem;
  content: "\f22d";
}

@keyframes shape-49 {
  0% {
    transform: translate3d(0, 0, 0) rotate(271deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(631deg);
  }
}
.shape-container--49 {
  animation: shape-49 65s linear infinite;
}
.shape-container--49 .random-shape:after {
  margin: 10.7rem;
  color: #4800c0;
  font-size: 2.14rem;
  content: "\f04d";
}

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

@keyframes shape-51 {
  0% {
    transform: translate3d(0, 0, 0) rotate(291deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(651deg);
  }
}
.shape-container--51 {
  animation: shape-51 70s linear infinite;
}
.shape-container--51 .random-shape:after {
  margin: 10.7rem;
  color: #9300c9;
  font-size: 2.14rem;
  content: "\f10c";
}

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

@keyframes shape-53 {
  0% {
    transform: translate3d(0, 0, 0) rotate(321deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(681deg);
  }
}
.shape-container--53 {
  animation: shape-53 52s linear infinite;
}
.shape-container--53 .random-shape:after {
  margin: 3.7rem;
  color: #ffef96;
  font-size: 0.74rem;
  content: "\f04b";
}

@keyframes shape-54 {
  0% {
    transform: translate3d(0, 0, 0) rotate(208deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(568deg);
  }
}
.shape-container--54 {
  animation: shape-54 60s linear infinite;
}
.shape-container--54 .random-shape:after {
  margin: 8.7rem;
  color: #45ffdc;
  font-size: 1.74rem;
  content: "\f04b";
}

@keyframes shape-55 {
  0% {
    transform: translate3d(0, 0, 0) rotate(308deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(668deg);
  }
}
.shape-container--55 {
  animation: shape-55 66s linear infinite;
}
.shape-container--55 .random-shape:after {
  margin: 8.7rem;
  color: #ffef96;
  font-size: 1.74rem;
  content: "\f04d";
}

@keyframes shape-56 {
  0% {
    transform: translate3d(0, 0, 0) rotate(262deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(622deg);
  }
}
.shape-container--56 {
  animation: shape-56 60s linear infinite;
}
.shape-container--56 .random-shape:after {
  margin: 10.7rem;
  color: #9300c9;
  font-size: 2.14rem;
  content: "\f111";
}

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

@keyframes shape-58 {
  0% {
    transform: translate3d(0, 0, 0) rotate(93deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(453deg);
  }
}
.shape-container--58 {
  animation: shape-58 58s linear infinite;
}
.shape-container--58 .random-shape:after {
  margin: 1.7rem;
  color: #ff94a1;
  font-size: 0.34rem;
  content: "\f04b";
}

@keyframes shape-59 {
  0% {
    transform: translate3d(0, 0, 0) rotate(238deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(598deg);
  }
}
.shape-container--59 {
  animation: shape-59 47s linear infinite;
}
.shape-container--59 .random-shape:after {
  margin: 9.7rem;
  color: #45ffdc;
  font-size: 1.94rem;
  content: "\f111";
}

@keyframes shape-60 {
  0% {
    transform: translate3d(0, 0, 0) rotate(247deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(607deg);
  }
}
.shape-container--60 {
  animation: shape-60 59s linear infinite;
}
.shape-container--60 .random-shape:after {
  margin: 7.7rem;
  color: #45ffdc;
  font-size: 1.54rem;
  content: "\f04b";
}

@keyframes shape-61 {
  0% {
    transform: translate3d(0, 0, 0) rotate(156deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(516deg);
  }
}
.shape-container--61 {
  animation: shape-61 56s linear infinite;
}
.shape-container--61 .random-shape:after {
  margin: 10.7rem;
  color: #31b4ff;
  font-size: 2.14rem;
  content: "\f04d";
}

@keyframes shape-62 {
  0% {
    transform: translate3d(0, 0, 0) rotate(25deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(385deg);
  }
}
.shape-container--62 {
  animation: shape-62 67s linear infinite;
}
.shape-container--62 .random-shape:after {
  margin: 4.7rem;
  color: #45ffdc;
  font-size: 0.94rem;
  content: "\f068";
}

@keyframes shape-63 {
  0% {
    transform: translate3d(0, 0, 0) rotate(90deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(450deg);
  }
}
.shape-container--63 {
  animation: shape-63 47s linear infinite;
}
.shape-container--63 .random-shape:after {
  margin: 4.7rem;
  color: #ff94a1;
  font-size: 0.94rem;
  content: "\f04b";
}

@keyframes shape-64 {
  0% {
    transform: translate3d(0, 0, 0) rotate(122deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(482deg);
  }
}
.shape-container--64 {
  animation: shape-64 51s linear infinite;
}
.shape-container--64 .random-shape:after {
  margin: 7.7rem;
  color: #31b4ff;
  font-size: 1.54rem;
  content: "\f067";
}

@keyframes shape-65 {
  0% {
    transform: translate3d(0, 0, 0) rotate(334deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(694deg);
  }
}
.shape-container--65 {
  animation: shape-65 70s linear infinite;
}
.shape-container--65 .random-shape:after {
  margin: 10.7rem;
  color: #9300c9;
  font-size: 2.14rem;
  content: "\f067";
}

@keyframes shape-66 {
  0% {
    transform: translate3d(0, 0, 0) rotate(223deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(583deg);
  }
}
.shape-container--66 {
  animation: shape-66 54s linear infinite;
}
.shape-container--66 .random-shape:after {
  margin: 4.7rem;
  color: #ff94a1;
  font-size: 0.94rem;
  content: "\f04b";
}

@keyframes shape-67 {
  0% {
    transform: translate3d(0, 0, 0) rotate(321deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(681deg);
  }
}
.shape-container--67 {
  animation: shape-67 53s linear infinite;
}
.shape-container--67 .random-shape:after {
  margin: 6.7rem;
  color: #31b4ff;
  font-size: 1.34rem;
  content: "\f04d";
}

@keyframes shape-68 {
  0% {
    transform: translate3d(0, 0, 0) rotate(345deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(705deg);
  }
}
.shape-container--68 {
  animation: shape-68 63s linear infinite;
}
.shape-container--68 .random-shape:after {
  margin: 4.7rem;
  color: #ffef96;
  font-size: 0.94rem;
  content: "\f04b";
}

@keyframes shape-69 {
  0% {
    transform: translate3d(0, 0, 0) rotate(52deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(412deg);
  }
}
.shape-container--69 {
  animation: shape-69 45s linear infinite;
}
.shape-container--69 .random-shape:after {
  margin: 8.7rem;
  color: #31b4ff;
  font-size: 1.74rem;
  content: "\f111";
}

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

@keyframes shape-71 {
  0% {
    transform: translate3d(0, 0, 0) rotate(225deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(585deg);
  }
}
.shape-container--71 {
  animation: shape-71 69s linear infinite;
}
.shape-container--71 .random-shape:after {
  margin: 4.7rem;
  color: #ffef96;
  font-size: 0.94rem;
  content: "\f068";
}

@keyframes shape-72 {
  0% {
    transform: translate3d(0, 0, 0) rotate(316deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(676deg);
  }
}
.shape-container--72 {
  animation: shape-72 55s linear infinite;
}
.shape-container--72 .random-shape:after {
  margin: 2.7rem;
  color: #ff94a1;
  font-size: 0.54rem;
  content: "\f077";
}

@keyframes shape-73 {
  0% {
    transform: translate3d(0, 0, 0) rotate(176deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(536deg);
  }
}
.shape-container--73 {
  animation: shape-73 49s linear infinite;
}
.shape-container--73 .random-shape:after {
  margin: 3.7rem;
  color: #cda1ff;
  font-size: 0.74rem;
  content: "\f10c";
}

@keyframes shape-74 {
  0% {
    transform: translate3d(0, 0, 0) rotate(347deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(707deg);
  }
}
.shape-container--74 {
  animation: shape-74 60s linear infinite;
}
.shape-container--74 .random-shape:after {
  margin: 1.7rem;
  color: #ff94a1;
  font-size: 0.34rem;
  content: "\f068";
}

@keyframes shape-75 {
  0% {
    transform: translate3d(0, 0, 0) rotate(226deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(586deg);
  }
}
.shape-container--75 {
  animation: shape-75 42s linear infinite;
}
.shape-container--75 .random-shape:after {
  margin: 1.7rem;
  color: #ff94a1;
  font-size: 0.34rem;
  content: "\f077";
}

@keyframes shape-76 {
  0% {
    transform: translate3d(0, 0, 0) rotate(74deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(434deg);
  }
}
.shape-container--76 {
  animation: shape-76 45s linear infinite;
}
.shape-container--76 .random-shape:after {
  margin: 7.7rem;
  color: #cda1ff;
  font-size: 1.54rem;
  content: "\f077";
}

@keyframes shape-77 {
  0% {
    transform: translate3d(0, 0, 0) rotate(39deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(399deg);
  }
}
.shape-container--77 {
  animation: shape-77 57s linear infinite;
}
.shape-container--77 .random-shape:after {
  margin: 9.7rem;
  color: #45ffdc;
  font-size: 1.94rem;
  content: "\f111";
}

@keyframes shape-78 {
  0% {
    transform: translate3d(0, 0, 0) rotate(109deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(469deg);
  }
}
.shape-container--78 {
  animation: shape-78 48s linear infinite;
}
.shape-container--78 .random-shape:after {
  margin: 9.7rem;
  color: #45ffdc;
  font-size: 1.94rem;
  content: "\f068";
}

@keyframes shape-79 {
  0% {
    transform: translate3d(0, 0, 0) rotate(141deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(501deg);
  }
}
.shape-container--79 {
  animation: shape-79 44s linear infinite;
}
.shape-container--79 .random-shape:after {
  margin: 1.7rem;
  color: #ff94a1;
  font-size: 0.34rem;
  content: "\f04b";
}

@keyframes shape-80 {
  0% {
    transform: translate3d(0, 0, 0) rotate(278deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(638deg);
  }
}
.shape-container--80 {
  animation: shape-80 48s linear infinite;
}
.shape-container--80 .random-shape:after {
  margin: 7.7rem;
  color: #ff94a1;
  font-size: 1.54rem;
  content: "\f04d";
}