@charset "UTF-8";
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);
@import url("https://fonts.googleapis.com/css?family=Shrikhand");
@import url("https://fonts.googleapis.com/css?family=Rubik:400");
body {
  overflow-x: hidden;
}

.containertest {
    z-index: -1;
    position: fixed;
  width: 100%;
  height: 100vh;
  display: block;
  overflow: hidden;
  background-image: linear-gradient(135deg, rgba(41, 143, 203, 0.25) 0%, rgba(201, 168, 206, 0.25) 100%);
}
.containertest .inner-container {
  width: 90%;
  margin: 0 auto;
}

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

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

@keyframes shape-1 {
  0% {
    transform: translate3d(0, 0, 0) rotate(106deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(466deg);
  }
}
.shape-container--1 {
  animation: shape-1 46s linear infinite;
}
.shape-container--1 .random-shape:after {
  margin: 5rem;
  color: #C2B7FE;
  font-size: 1rem;
  content: "";
}

@keyframes shape-2 {
  0% {
    transform: translate3d(0, 0, 0) rotate(241deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(601deg);
  }
}
.shape-container--2 {
  animation: shape-2 47s linear infinite;
}
.shape-container--2 .random-shape:after {
  margin: 7rem;
  color: #DB7093;
  font-size: 1.4rem;
  content: "";
}

@keyframes shape-3 {
  0% {
    transform: translate3d(0, 0, 0) rotate(227deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(587deg);
  }
}
.shape-container--3 {
  animation: shape-3 46s linear infinite;
}
.shape-container--3 .random-shape:after {
  margin: 5rem;
  color: #FFD700;
  font-size: 1rem;
  content: "";
}

@keyframes shape-4 {
  0% {
    transform: translate3d(0, 0, 0) rotate(252deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(612deg);
  }
}
.shape-container--4 {
  animation: shape-4 44s linear infinite;
}
.shape-container--4 .random-shape:after {
  margin: 7rem;
  color: #95A9FF;
  font-size: 1.4rem;
  content: "";
}

@keyframes shape-5 {
  0% {
    transform: translate3d(0, 0, 0) rotate(117deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(477deg);
  }
}
.shape-container--5 {
  animation: shape-5 44s linear infinite;
}
.shape-container--5 .random-shape:after {
  margin: 6rem;
  color: #FFD700;
  font-size: 1.2rem;
  content: "";
}

@keyframes shape-6 {
  0% {
    transform: translate3d(0, 0, 0) rotate(153deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(513deg);
  }
}
.shape-container--6 {
  animation: shape-6 44s linear infinite;
}
.shape-container--6 .random-shape:after {
  margin: 7rem;
  color: #C2B7FE;
  font-size: 1.4rem;
  content: "";
}

@keyframes shape-7 {
  0% {
    transform: translate3d(0, 0, 0) rotate(57deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(417deg);
  }
}
.shape-container--7 {
  animation: shape-7 42s linear infinite;
}
.shape-container--7 .random-shape:after {
  margin: 5rem;
  color: #DB7093;
  font-size: 1rem;
  content: "";
}

@keyframes shape-8 {
  0% {
    transform: translate3d(0, 0, 0) rotate(197deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(557deg);
  }
}
.shape-container--8 {
  animation: shape-8 43s linear infinite;
}
.shape-container--8 .random-shape:after {
  margin: 4rem;
  color: #C2B7FE;
  font-size: 0.8rem;
  content: "";
}

@keyframes shape-9 {
  0% {
    transform: translate3d(0, 0, 0) rotate(12deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(372deg);
  }
}
.shape-container--9 {
  animation: shape-9 43s linear infinite;
}
.shape-container--9 .random-shape:after {
  margin: 6rem;
  color: #C2B7FE;
  font-size: 1.2rem;
  content: "";
}

@keyframes shape-10 {
  0% {
    transform: translate3d(0, 0, 0) rotate(66deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(426deg);
  }
}
.shape-container--10 {
  animation: shape-10 48s linear infinite;
}
.shape-container--10 .random-shape:after {
  margin: 6rem;
  color: #FFD700;
  font-size: 1.2rem;
  content: "";
}

@keyframes shape-11 {
  0% {
    transform: translate3d(0, 0, 0) rotate(347deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(707deg);
  }
}
.shape-container--11 {
  animation: shape-11 45s linear infinite;
}
.shape-container--11 .random-shape:after {
  margin: 2rem;
  color: #95A9FF;
  font-size: 0.4rem;
  content: "";
}

@keyframes shape-12 {
  0% {
    transform: translate3d(0, 0, 0) rotate(238deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(598deg);
  }
}
.shape-container--12 {
  animation: shape-12 50s linear infinite;
}
.shape-container--12 .random-shape:after {
  margin: 9rem;
  color: #DB7093;
  font-size: 1.8rem;
  content: "";
}

@keyframes shape-13 {
  0% {
    transform: translate3d(0, 0, 0) rotate(301deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(661deg);
  }
}
.shape-container--13 {
  animation: shape-13 41s linear infinite;
}
.shape-container--13 .random-shape:after {
  margin: 8rem;
  color: #FFD700;
  font-size: 1.6rem;
  content: "";
}

@keyframes shape-14 {
  0% {
    transform: translate3d(0, 0, 0) rotate(33deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(393deg);
  }
}
.shape-container--14 {
  animation: shape-14 49s linear infinite;
}
.shape-container--14 .random-shape:after {
  margin: 10rem;
  color: #95A9FF;
  font-size: 2rem;
  content: "";
}

@keyframes shape-15 {
  0% {
    transform: translate3d(0, 0, 0) rotate(284deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(644deg);
  }
}
.shape-container--15 {
  animation: shape-15 47s linear infinite;
}
.shape-container--15 .random-shape:after {
  margin: 5rem;
  color: #DB7093;
  font-size: 1rem;
  content: "";
}

@keyframes shape-16 {
  0% {
    transform: translate3d(0, 0, 0) rotate(239deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(599deg);
  }
}
.shape-container--16 {
  animation: shape-16 44s linear infinite;
}
.shape-container--16 .random-shape:after {
  margin: 2rem;
  color: #FFF8DC;
  font-size: 0.4rem;
  content: "";
}

@keyframes shape-17 {
  0% {
    transform: translate3d(0, 0, 0) rotate(147deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(507deg);
  }
}
.shape-container--17 {
  animation: shape-17 46s linear infinite;
}
.shape-container--17 .random-shape:after {
  margin: 9rem;
  color: #FFD700;
  font-size: 1.8rem;
  content: "";
}

@keyframes shape-18 {
  0% {
    transform: translate3d(0, 0, 0) rotate(319deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(679deg);
  }
}
.shape-container--18 {
  animation: shape-18 42s linear infinite;
}
.shape-container--18 .random-shape:after {
  margin: 5rem;
  color: #DB7093;
  font-size: 1rem;
  content: "";
}

@keyframes shape-19 {
  0% {
    transform: translate3d(0, 0, 0) rotate(69deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(429deg);
  }
}
.shape-container--19 {
  animation: shape-19 45s linear infinite;
}
.shape-container--19 .random-shape:after {
  margin: 3rem;
  color: #C2B7FE;
  font-size: 0.6rem;
  content: "";
}

@keyframes shape-20 {
  0% {
    transform: translate3d(0, 0, 0) rotate(141deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(501deg);
  }
}
.shape-container--20 {
  animation: shape-20 44s linear infinite;
}
.shape-container--20 .random-shape:after {
  margin: 3rem;
  color: #95A9FF;
  font-size: 0.6rem;
  content: "";
}

@keyframes shape-21 {
  0% {
    transform: translate3d(0, 0, 0) rotate(240deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(600deg);
  }
}
.shape-container--21 {
  animation: shape-21 46s linear infinite;
}
.shape-container--21 .random-shape:after {
  margin: 8rem;
  color: #C2B7FE;
  font-size: 1.6rem;
  content: "";
}

@keyframes shape-22 {
  0% {
    transform: translate3d(0, 0, 0) rotate(163deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(523deg);
  }
}
.shape-container--22 {
  animation: shape-22 49s linear infinite;
}
.shape-container--22 .random-shape:after {
  margin: 10rem;
  color: #FFF8DC;
  font-size: 2rem;
  content: "";
}

@keyframes shape-23 {
  0% {
    transform: translate3d(0, 0, 0) rotate(111deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(471deg);
  }
}
.shape-container--23 {
  animation: shape-23 46s linear infinite;
}
.shape-container--23 .random-shape:after {
  margin: 7rem;
  color: #C2B7FE;
  font-size: 1.4rem;
  content: "";
}

@keyframes shape-24 {
  0% {
    transform: translate3d(0, 0, 0) rotate(253deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(613deg);
  }
}
.shape-container--24 {
  animation: shape-24 47s linear infinite;
}
.shape-container--24 .random-shape:after {
  margin: 7rem;
  color: #FFD700;
  font-size: 1.4rem;
  content: "";
}

@keyframes shape-25 {
  0% {
    transform: translate3d(0, 0, 0) rotate(198deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(558deg);
  }
}
.shape-container--25 {
  animation: shape-25 50s linear infinite;
}
.shape-container--25 .random-shape:after {
  margin: 2rem;
  color: #C2B7FE;
  font-size: 0.4rem;
  content: "";
}

@keyframes shape-26 {
  0% {
    transform: translate3d(0, 0, 0) rotate(249deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(609deg);
  }
}
.shape-container--26 {
  animation: shape-26 48s linear infinite;
}
.shape-container--26 .random-shape:after {
  margin: 7rem;
  color: #C2B7FE;
  font-size: 1.4rem;
  content: "";
}

@keyframes shape-27 {
  0% {
    transform: translate3d(0, 0, 0) rotate(143deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(503deg);
  }
}
.shape-container--27 {
  animation: shape-27 48s linear infinite;
}
.shape-container--27 .random-shape:after {
  margin: 3rem;
  color: #DB7093;
  font-size: 0.6rem;
  content: "";
}

@keyframes shape-28 {
  0% {
    transform: translate3d(0, 0, 0) rotate(339deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(699deg);
  }
}
.shape-container--28 {
  animation: shape-28 41s linear infinite;
}
.shape-container--28 .random-shape:after {
  margin: 8rem;
  color: #DB7093;
  font-size: 1.6rem;
  content: "";
}

@keyframes shape-29 {
  0% {
    transform: translate3d(0, 0, 0) rotate(176deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(536deg);
  }
}
.shape-container--29 {
  animation: shape-29 41s linear infinite;
}
.shape-container--29 .random-shape:after {
  margin: 1rem;
  color: #FFD700;
  font-size: 0.2rem;
  content: "";
}

@keyframes shape-30 {
  0% {
    transform: translate3d(0, 0, 0) rotate(230deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(590deg);
  }
}
.shape-container--30 {
  animation: shape-30 49s linear infinite;
}
.shape-container--30 .random-shape:after {
  margin: 7rem;
  color: #DB7093;
  font-size: 1.4rem;
  content: "";
}

@keyframes shape-31 {
  0% {
    transform: translate3d(0, 0, 0) rotate(232deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(592deg);
  }
}
.shape-container--31 {
  animation: shape-31 44s linear infinite;
}
.shape-container--31 .random-shape:after {
  margin: 5rem;
  color: #DB7093;
  font-size: 1rem;
  content: "";
}

@keyframes shape-32 {
  0% {
    transform: translate3d(0, 0, 0) rotate(209deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(569deg);
  }
}
.shape-container--32 {
  animation: shape-32 50s linear infinite;
}
.shape-container--32 .random-shape:after {
  margin: 10rem;
  color: #DB7093;
  font-size: 2rem;
  content: "";
}

@keyframes shape-33 {
  0% {
    transform: translate3d(0, 0, 0) rotate(301deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(661deg);
  }
}
.shape-container--33 {
  animation: shape-33 50s linear infinite;
}
.shape-container--33 .random-shape:after {
  margin: 2rem;
  color: #FFF8DC;
  font-size: 0.4rem;
  content: "";
}

@keyframes shape-34 {
  0% {
    transform: translate3d(0, 0, 0) rotate(91deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(451deg);
  }
}
.shape-container--34 {
  animation: shape-34 44s linear infinite;
}
.shape-container--34 .random-shape:after {
  margin: 8rem;
  color: #FFF8DC;
  font-size: 1.6rem;
  content: "";
}

@keyframes shape-35 {
  0% {
    transform: translate3d(0, 0, 0) rotate(202deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(562deg);
  }
}
.shape-container--35 {
  animation: shape-35 48s linear infinite;
}
.shape-container--35 .random-shape:after {
  margin: 6rem;
  color: #FFF8DC;
  font-size: 1.2rem;
  content: "";
}

@keyframes shape-36 {
  0% {
    transform: translate3d(0, 0, 0) rotate(39deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(399deg);
  }
}
.shape-container--36 {
  animation: shape-36 43s linear infinite;
}
.shape-container--36 .random-shape:after {
  margin: 10rem;
  color: #FFF8DC;
  font-size: 2rem;
  content: "";
}

@keyframes shape-37 {
  0% {
    transform: translate3d(0, 0, 0) rotate(182deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(542deg);
  }
}
.shape-container--37 {
  animation: shape-37 43s linear infinite;
}
.shape-container--37 .random-shape:after {
  margin: 4rem;
  color: #C2B7FE;
  font-size: 0.8rem;
  content: "";
}

@keyframes shape-38 {
  0% {
    transform: translate3d(0, 0, 0) rotate(221deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(581deg);
  }
}
.shape-container--38 {
  animation: shape-38 46s linear infinite;
}
.shape-container--38 .random-shape:after {
  margin: 1rem;
  color: #C2B7FE;
  font-size: 0.2rem;
  content: "";
}

@keyframes shape-39 {
  0% {
    transform: translate3d(0, 0, 0) rotate(172deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(532deg);
  }
}
.shape-container--39 {
  animation: shape-39 47s linear infinite;
}
.shape-container--39 .random-shape:after {
  margin: 9rem;
  color: #95A9FF;
  font-size: 1.8rem;
  content: "";
}

@keyframes shape-40 {
  0% {
    transform: translate3d(0, 0, 0) rotate(316deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(676deg);
  }
}
.shape-container--40 {
  animation: shape-40 45s linear infinite;
}
.shape-container--40 .random-shape:after {
  margin: 3rem;
  color: #95A9FF;
  font-size: 0.6rem;
  content: "";
}

@keyframes shape-41 {
  0% {
    transform: translate3d(0, 0, 0) rotate(269deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(629deg);
  }
}
.shape-container--41 {
  animation: shape-41 49s linear infinite;
}
.shape-container--41 .random-shape:after {
  margin: 4rem;
  color: #FFF8DC;
  font-size: 0.8rem;
  content: "";
}

@keyframes shape-42 {
  0% {
    transform: translate3d(0, 0, 0) rotate(347deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(707deg);
  }
}
.shape-container--42 {
  animation: shape-42 41s linear infinite;
}
.shape-container--42 .random-shape:after {
  margin: 7rem;
  color: #DB7093;
  font-size: 1.4rem;
  content: "";
}

@keyframes shape-43 {
  0% {
    transform: translate3d(0, 0, 0) rotate(125deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(485deg);
  }
}
.shape-container--43 {
  animation: shape-43 46s linear infinite;
}
.shape-container--43 .random-shape:after {
  margin: 4rem;
  color: #FFF8DC;
  font-size: 0.8rem;
  content: "";
}

@keyframes shape-44 {
  0% {
    transform: translate3d(0, 0, 0) rotate(49deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(409deg);
  }
}
.shape-container--44 {
  animation: shape-44 50s linear infinite;
}
.shape-container--44 .random-shape:after {
  margin: 1rem;
  color: #FFD700;
  font-size: 0.2rem;
  content: "";
}

@keyframes shape-45 {
  0% {
    transform: translate3d(0, 0, 0) rotate(92deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(452deg);
  }
}
.shape-container--45 {
  animation: shape-45 41s linear infinite;
}
.shape-container--45 .random-shape:after {
  margin: 9rem;
  color: #FFD700;
  font-size: 1.8rem;
  content: "";
}

@keyframes shape-46 {
  0% {
    transform: translate3d(0, 0, 0) rotate(100deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(460deg);
  }
}
.shape-container--46 {
  animation: shape-46 42s linear infinite;
}
.shape-container--46 .random-shape:after {
  margin: 10rem;
  color: #FFF8DC;
  font-size: 2rem;
  content: "";
}

@keyframes shape-47 {
  0% {
    transform: translate3d(0, 0, 0) rotate(109deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(469deg);
  }
}
.shape-container--47 {
  animation: shape-47 50s linear infinite;
}
.shape-container--47 .random-shape:after {
  margin: 9rem;
  color: #95A9FF;
  font-size: 1.8rem;
  content: "";
}

@keyframes shape-48 {
  0% {
    transform: translate3d(0, 0, 0) rotate(151deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(511deg);
  }
}
.shape-container--48 {
  animation: shape-48 50s linear infinite;
}
.shape-container--48 .random-shape:after {
  margin: 3rem;
  color: #C2B7FE;
  font-size: 0.6rem;
  content: "";
}

@keyframes shape-49 {
  0% {
    transform: translate3d(0, 0, 0) rotate(22deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(382deg);
  }
}
.shape-container--49 {
  animation: shape-49 43s linear infinite;
}
.shape-container--49 .random-shape:after {
  margin: 2rem;
  color: #DB7093;
  font-size: 0.4rem;
  content: "";
}

@keyframes shape-50 {
  0% {
    transform: translate3d(0, 0, 0) rotate(99deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(459deg);
  }
}
.shape-container--50 {
  animation: shape-50 47s linear infinite;
}
.shape-container--50 .random-shape:after {
  margin: 4rem;
  color: #DB7093;
  font-size: 0.8rem;
  content: "";
}

.stop-shape {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
        body{
            background-repeat: no-repeat;
            background-attachment: fixed;
                background-size: cover;
        }