@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Shrikhand");
@import url("https://fonts.googleapis.com/css?family=Rubik:400");
body {
  margin: 0; }

.container1-mobile {
  position: absolute;
  width: 100%;
  height: 200%;
  overflow: hidden; }

@media (min-width: 992px) {
  .container1-mobile {
    width: 100%;
    height: 110%; } }

.container1-mobile .inner-container {
  width: 90%;
  margin: 0 auto;
  margin-top: 90px; }
  @media (min-width: 414px) {
    .container1-mobile .inner-container {
      margin-left: auto; } }
  @media (min-width: 414px) {
    .container1-mobile .inner-container {
      margin-top: 0; } }

.container1-mobile .title {
  position: relative;
  display: block;
  top: 30vh; }

.container1-mobile .title h1 {
  font: normal 3.6rem 'Shrikhand', Helvetica, sans-serif;
  color: #fff;
  letter-spacing: 0.05em;
  text-align: center;
  text-shadow: 0 0 20px rgba(192, 202, 246, 0.9), -5px -5px 0 rgba(194, 183, 254, 0.5), 5px 5px 0 rgba(149, 169, 255, 0.6); }

.container1-mobile .button {
  font: 400 1rem 'Rubik', Helvetica, sans-serif;
  color: #667eea;
  background-color: rgba(255, 255, 255, 0.75);
  text-align: center;
  margin: 0 auto;
  padding: 1.5em 1em;
  border-radius: 4px;
  text-decoration: none;
  cursor: pointer;
  display: block;
  position: relative;
  width: 200px;
  z-index: 100;
  text-transform: uppercase;
  -webkit-transition: ease-in 0.3s;
  -o-transition: ease-in 0.3s;
  transition: ease-in 0.3s; }

.container1-mobile .button:hover {
  background-color: #fff;
  -webkit-box-shadow: 0px 10px 14px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 10px 14px -3px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

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

.random-shape:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f005"; }

@-webkit-keyframes shape-1 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(24deg);
    transform: translate3d(0, 0, 0) rotate(24deg); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(384deg);
    transform: translate3d(0, 0, 0) rotate(384deg); } }

@keyframes shape-1 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(24deg);
    transform: translate3d(0, 0, 0) rotate(24deg); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(384deg);
    transform: translate3d(0, 0, 0) rotate(384deg); } }

.shape-container--1 {
  -webkit-animation: shape-1 71s linear infinite;
  animation: shape-1 71s linear infinite; }

@-webkit-keyframes shape-2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(222deg);
    transform: translate3d(0, 0, 0) rotate(222deg); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(582deg);
    transform: translate3d(0, 0, 0) rotate(582deg); } }

@keyframes shape-2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(222deg);
    transform: translate3d(0, 0, 0) rotate(222deg); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(582deg);
    transform: translate3d(0, 0, 0) rotate(582deg); } }

.shape-container--2 {
  -webkit-animation: shape-2 81s linear infinite;
  animation: shape-2 81s linear infinite; }

.shape-container--2 {
  font-size: 0.6rem;
}

@-webkit-keyframes shape-3 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(208deg);
    transform: translate3d(0, 0, 0) rotate(208deg); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(568deg);
    transform: translate3d(0, 0, 0) rotate(568deg); } }

@keyframes shape-3 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(208deg);
    transform: translate3d(0, 0, 0) rotate(208deg); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(568deg);
    transform: translate3d(0, 0, 0) rotate(568deg); } }

.shape-container--3 {
  -webkit-animation: shape-3 63s linear infinite;
  animation: shape-3 63s linear infinite; }

.shape-container--3 {
  font-size: 5.2rem;
}

@-webkit-keyframes shape-4 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(150deg);
    transform: translate3d(0, 0, 0) rotate(150deg); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(510deg);
    transform: translate3d(0, 0, 0) rotate(510deg); } }

@keyframes shape-4 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(150deg);
    transform: translate3d(0, 0, 0) rotate(150deg); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(510deg);
    transform: translate3d(0, 0, 0) rotate(510deg); } }

.shape-container--4 {
  -webkit-animation: shape-4 69s linear infinite;
  animation: shape-4 69s linear infinite; }

.shape-container--4 {
  font-size: 0.8rem;
 }

@-webkit-keyframes shape-5 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(258deg);
    transform: translate3d(0, 0, 0) rotate(258deg); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(618deg);
    transform: translate3d(0, 0, 0) rotate(618deg); } }

@keyframes shape-5 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(258deg);
    transform: translate3d(0, 0, 0) rotate(258deg); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(618deg);
    transform: translate3d(0, 0, 0) rotate(618deg); } }

.shape-container--5 {
  -webkit-animation: shape-5 76s linear infinite;
  animation: shape-5 76s linear infinite; }

.shape-container--5 {
 }

@-webkit-keyframes shape-6 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(17deg);
    transform: translate3d(0, 0, 0) rotate(17deg); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(377deg);
    transform: translate3d(0, 0, 0) rotate(377deg); } }

@keyframes shape-6 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(17deg);
    transform: translate3d(0, 0, 0) rotate(17deg); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(377deg);
    transform: translate3d(0, 0, 0) rotate(377deg); } }

.shape-container--6 {
  -webkit-animation: shape-6 82s linear infinite;
  animation: shape-6 82s linear infinite; }

.shape-container--6 {
  font-size: 3.2rem;
}

@-webkit-keyframes shape-7 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(93deg);
    transform: translate3d(0, 0, 0) rotate(93deg); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(453deg);
    transform: translate3d(0, 0, 0) rotate(453deg); } }

@keyframes shape-7 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(93deg);
    transform: translate3d(0, 0, 0) rotate(93deg); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(453deg);
    transform: translate3d(0, 0, 0) rotate(453deg); } }

.shape-container--7 {
  -webkit-animation: shape-7 71s linear infinite;
  animation: shape-7 71s linear infinite; }

.shape-container--7 {
  font-size: 1.6rem;
}

@-webkit-keyframes shape-8 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(232deg);
    transform: translate3d(0, 0, 0) rotate(232deg); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(592deg);
    transform: translate3d(0, 0, 0) rotate(592deg); } }

@keyframes shape-8 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(232deg);
    transform: translate3d(0, 0, 0) rotate(232deg); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(592deg);
    transform: translate3d(0, 0, 0) rotate(592deg); } }

.shape-container--8 {
  -webkit-animation: shape-8 57s linear infinite;
  animation: shape-8 57s linear infinite; }

.shape-container--8 {
  font-size: 5.4rem;
}

@-webkit-keyframes shape-9 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(114deg);
    transform: translate3d(0, 0, 0) rotate(114deg); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(474deg);
    transform: translate3d(0, 0, 0) rotate(474deg); } }

@keyframes shape-9 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(114deg);
    transform: translate3d(0, 0, 0) rotate(114deg); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(474deg);
    transform: translate3d(0, 0, 0) rotate(474deg); } }

.shape-container--9 {
  -webkit-animation: shape-9 78s linear infinite;
  animation: shape-9 78s linear infinite; }

.shape-container--9  {
  font-size: 0.2rem;
}

@-webkit-keyframes shape-10 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(46deg);
    transform: translate3d(0, 0, 0) rotate(46deg); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(406deg);
    transform: translate3d(0, 0, 0) rotate(406deg); } }

@keyframes shape-10 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(46deg);
    transform: translate3d(0, 0, 0) rotate(46deg); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(406deg);
    transform: translate3d(0, 0, 0) rotate(406deg); } }

.shape-container--10 {
  -webkit-animation: shape-10 69s linear infinite;
  animation: shape-10 69s linear infinite; }

.shape-container--10 {
  font-size: 2.8rem;
}

@-webkit-keyframes shape-11 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(187deg);
    transform: translate3d(0, 0, 0) rotate(187deg); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(547deg);
    transform: translate3d(0, 0, 0) rotate(547deg); } }

@keyframes shape-11 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(187deg);
    transform: translate3d(0, 0, 0) rotate(187deg); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(547deg);
    transform: translate3d(0, 0, 0) rotate(547deg); } }

.shape-container--11 {
  -webkit-animation: shape-11 61s linear infinite;
  animation: shape-11 61s linear infinite; }

.shape-container--11 {
  font-size: 2.4rem;
}

@-webkit-keyframes shape-12 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(46deg);
    transform: translate3d(0, 0, 0) rotate(46deg); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(406deg);
    transform: translate3d(0, 0, 0) rotate(406deg); } }

@keyframes shape-12 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(46deg);
    transform: translate3d(0, 0, 0) rotate(46deg); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(406deg);
    transform: translate3d(0, 0, 0) rotate(406deg); } }

.shape-container--12 {
  -webkit-animation: shape-12 83s linear infinite;
  animation: shape-12 83s linear infinite; }

.shape-container--12 {
  font-size: 4rem;
}

.stop-shape {
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }


  #gradient {
    background: linear-gradient(270deg, #FFB079 0%, #FF99A2 27.6%, #A87BFF 60.94%, #94CBFF 100%);
    animation: gradient 10s ease infinite;
    background-size: 190% 200%;
    z-index: -1;
  }        
  
  @keyframes gradient {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }