div#buzzfloat-too {
  height:80vh;
  width:40vw;
  margin: auto;
  border: 1px solid #f3f3f3;
  background-color: white;
  overflow: hidden;
  /* background: url(../images/logo-buzz.png) no-repeat center center;
  background-size: contain; */
  box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
}

.a {
  width: 50px;
  height:50px;
  background-color:transparent;
  position:relative;
  top:100px;
  left:100px;
  background: url(../float/Buzz-White-Icon-Phone-512.png) no-repeat center center;
  background-size: contain;
  background-color: rgba(0,144,176,0.1);
  border-radius: 50%;
}
.b {
  width: 50px;
  height:50px;
  background-color:transparent;
  position:relative;
  top:10px;
  left:10px;
  background: url(../float/Buzz-White-Icon-Chat-512.png) no-repeat center center;
  background-size: contain;
  background-color: rgba(255,0,0,0.1);
  border-radius: 50%;
}

.c {
  position:relative;
  top:200px;
  left:100px;
  width: 64px;
  height:64px;
  background: url(../float/Buzz-White-Icon-Circle-512.png) no-repeat center center;
  background-size: contain;
  background-color: rgba(122,0,108,0.1);
  border-radius: 50%;
}

.d {
  position:relative;
  top:400px;
  left:400px;
  width: 64px;
  height:64px;
  background: url(../float/Buzz-White-Icon-Dictate-512.png) no-repeat center center;
  background-size: contain;
  background-color: rgba(122,0,108,0.1);
  border-radius: 50%;
}
.e {
  position:relative;
  top:200px;
  left:100px;
  width: 64px;
  height:64px;
  background: url(../float/Buzz-White-Icon-Favorite-0-512.png) no-repeat center center;
  background-size: contain;
  background-color: rgba(122,0,108,0.1);
  border-radius: 50%;
}
.f {
  position:relative;
  top:200px;
  left:100px;
  width: 64px;
  height:64px;
  background: url(../float/Buzz-White-Icon-Inbox-512.png) no-repeat center center;
  background-size: contain;
  background-color: rgba(122,0,108,0.1);
  border-radius: 50%;
}
.g {
  position:relative;
  top:200px;
  left:100px;
  width: 64px;
  height:64px;
  background: url(../float/Buzz-White-Icon-Video-512.png) no-repeat center center;
  background-size: contain;
  background-color: rgba(122,0,108,0.1);
  border-radius: 50%;
}


.h {
  position: relative;
  width: 40px;
  height: 40px;
  moz-transition: all 5.4s ease;
  -ms-transition: all 5.4s ease;
  -o-transition: all 5.4s ease;
  -webkit-transition: all 5.4s ease;
  transition: all 5.4s ease;
  top: 100%;
  left: 50%;
}


#footerImage {
  width: 40%;
  float: left;
  height: 77%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  margin-top: -40px;
}

#footerImage div {
  position: absolute;
  top: 0px;
  left: 0px;
  -webkit-box-shadow: inset 0px 0px 45px 45px rgba(255, 255, 255, 1);
  -moz-box-shadow: inset 0px 0px 45px 45px rgba(255, 255, 255, 1);
  box-shadow: inset 0px 0px 45px 45px rgba(255, 255, 255, 1);
  height: 100%;
  width: 100%;
  background: url(/img/Tickpick_black_flat.png) no-repeat center center;
  background-size: 68% auto;
}

#footerImage img {
  position: absolute;
  width: 40px;
  height: 40px;
  moz-transition: all 5.4s ease;
  -ms-transition: all 5.4s ease;
  -o-transition: all 5.4s ease;
  -webkit-transition: all 5.4s ease;
  transition: all 5.4s ease;
  top: 100%;
  left: 50%;
}

#footerImage img:nth-child(4n+4) {
  moz-transition: all 4.2s ease;
  -ms-transition: all 4.2s ease;
  -o-transition: all 4.2s ease;
  -webkit-transition: all 4.2s ease;
  transition: all 4.2s ease;
}

#footerImage img:nth-child(4n+2) {
  moz-transition: all 6.5s ease;
  -ms-transition: all 6.5s ease;
  -o-transition: all 6.5s ease;
  -webkit-transition: all 6.5s ease;
  transition: all 6.5s ease;
}

#footerImage img:nth-child(4n+3) {
  moz-transition: all 7.5s ease;
  -ms-transition: all 7.5s ease;
  -o-transition: all 7.5s ease;
  -webkit-transition: all 7.5s ease;
  transition: all 7.5s ease;
}

.loading-container {
    position: fixed;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.8);
    left: 0;
    top: 0;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    z-index: 700;
}

.LoadingDots {
  text-align:center;
  font-size:50px;
  color:#e71575;
  margin: auto;
  width: 100px;
  position: absolute;
  z-index: 200000;
  bottom: 100px;
}

.LoadingMessage {
  text-align:center;
  font-size:50px;
  color:#e71575;
  margin: auto;
  width: 100%;
  position: absolute;
  z-index: 200000;
  top: 160px;
}

#LoadingMessageTitle {
  font-size: 1.5rem;
  display: table;
  line-height: 110%;
  margin: auto;
  font-family: "Barlow Semi Condensed", "Montserrat", "Rajdhani", "Anaheim";
}

.LoadingDots--white {
 color:#fff
}
.LoadingDot {
 -webkit-animation-name:b;
 animation-name:b;
 -webkit-animation-duration:1.4s;
 animation-duration:1.4s;
 -webkit-animation-iteration-count:infinite;
 animation-iteration-count:infinite;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both
}
.LoadingDots-2 {
 -webkit-animation-delay:.2s;
 animation-delay:.2s
}
.LoadingDots-3 {
 -webkit-animation-delay:.4s;
 animation-delay:.4s
}
@-webkit-keyframes b {
 0% {
  opacity:.2
 }
 20% {
  opacity:1
 }
 to {
  opacity:.2
 }
}
@keyframes b {
 0% {
  opacity:.2
 }
 20% {
  opacity:1
 }
 to {
  opacity:.2
 }
}

/* Shape Container Styles */
/* 
@charset "UTF-8";
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);
body {
  margin: 0;
} */

.shape-container {
  width: 100%;
  height: 100vh;
  display: block;
  position: absolute;
  overflow: hidden;
  /* background-image: url(/static/wallpapers/ShapeBG.jpg);
  background-image: linear-gradient(-225deg, #9EFBD3 0%, #57E9F2 48%, #45D4FB 100%); */
  background-image: linear-gradient(to left, #d65c8cdb 0%, #f4baa5d4 100%);
}

.shape-container.default {
  background-image: linear-gradient(to top, #209cff 0%, #68e0cf 100%);;
}

.shape-container.one {
  background-image: linear-gradient(to top, #6bc7f1 0%, #68e0cf 100%)
}

.shape-container.two {
  background-image: radial-gradient(circle, #c8c93ea1 30%, #f7638beb 130%);
}

.shape-container .shape-inner-container {
  width: 90%;
  margin: 0 auto;
}

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

.random-shape:after {
  font-family: "Font Awesome 6 Pro";
  content: "";
}

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

@keyframes shape-2 {
  0% {
    transform: translate3d(0, 0, 0) rotate(231deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(591deg);
  }
}
.shape-container--2 {
  animation: shape-2 108s linear infinite;
}
.shape-container--2 .random-shape:after {
  margin: 10.7rem;
  color: #9300c9;
  font-size: 2.14rem;
  content: "";
}

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

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

@keyframes shape-5 {
  0% {
    transform: translate3d(0, 0, 0) rotate(333deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(693deg);
  }
}
.shape-container--5 {
  animation: shape-5 107s linear infinite;
}
.shape-container--5 .random-shape:after {
  margin: 10.7rem;
  color: #31b4ff;
  font-size: 2.14rem;
  content: "";
}

@keyframes shape-6 {
  0% {
    transform: translate3d(0, 0, 0) rotate(271deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(631deg);
  }
}
.shape-container--6 {
  animation: shape-6 122s linear infinite;
}
.shape-container--6 .random-shape:after {
  margin: 6.7rem;
  color: #31b4ff;
  font-size: 1.34rem;
  content: "";
}

@keyframes shape-7 {
  0% {
    transform: translate3d(0, 0, 0) rotate(253deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(613deg);
  }
}
.shape-container--7 {
  animation: shape-7 130s linear infinite;
}
.shape-container--7 .random-shape:after {
  margin: 10.7rem;
  color: #ffef96;
  font-size: 2.14rem;
  content: "";
}

@keyframes shape-8 {
  0% {
    transform: translate3d(0, 0, 0) rotate(51deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(411deg);
  }
}
.shape-container--8 {
  animation: shape-8 104s linear infinite;
}
.shape-container--8 .random-shape:after {
  margin: 8.7rem;
  color: #9300c9;
  font-size: 1.74rem;
  content: "";
}

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

@keyframes shape-10 {
  0% {
    transform: translate3d(0, 0, 0) rotate(236deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(596deg);
  }
}
.shape-container--10 {
  animation: shape-10 102s linear infinite;
}
.shape-container--10 .random-shape:after {
  margin: 2.7rem;
  color: #ffef96;
  font-size: 0.54rem;
  content: "";
}

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

@keyframes shape-12 {
  0% {
    transform: translate3d(0, 0, 0) rotate(267deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(627deg);
  }
}
.shape-container--12 {
  animation: shape-12 110s linear infinite;
}
.shape-container--12 .random-shape:after {
  margin: 10.7rem;
  color: #cda1ff;
  font-size: 2.14rem;
  content: "";
}

@keyframes shape-13 {
  0% {
    transform: translate3d(0, 0, 0) rotate(303deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(663deg);
  }
}
.shape-container--13 {
  animation: shape-13 120s linear infinite;
}
.shape-container--13 .random-shape:after {
  margin: 3.7rem;
  color: #ffef96;
  font-size: 0.74rem;
  content: "";
}

@keyframes shape-14 {
  0% {
    transform: translate3d(0, 0, 0) rotate(125deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(485deg);
  }
}
.shape-container--14 {
  animation: shape-14 107s linear infinite;
}
.shape-container--14 .random-shape:after {
  margin: 8.7rem;
  color: #9300c9;
  font-size: 1.74rem;
  content: "";
}

@keyframes shape-15 {
  0% {
    transform: translate3d(0, 0, 0) rotate(180deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(540deg);
  }
}
.shape-container--15 {
  animation: shape-15 119s linear infinite;
}
.shape-container--15 .random-shape:after {
  margin: 3.7rem;
  color: #9300c9;
  font-size: 0.74rem;
  content: "";
}

@keyframes shape-16 {
  0% {
    transform: translate3d(0, 0, 0) rotate(351deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(711deg);
  }
}
.shape-container--16 {
  animation: shape-16 129s linear infinite;
}
.shape-container--16 .random-shape:after {
  margin: 6.7rem;
  color: #cda1ff;
  font-size: 1.34rem;
  content: "";
}

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

@keyframes shape-18 {
  0% {
    transform: translate3d(0, 0, 0) rotate(248deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(608deg);
  }
}
.shape-container--18 {
  animation: shape-18 127s linear infinite;
}
.shape-container--18 .random-shape:after {
  margin: 3.7rem;
  color: #cda1ff;
  font-size: 0.74rem;
  content: "";
}

@keyframes shape-19 {
  0% {
    transform: translate3d(0, 0, 0) rotate(202deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(562deg);
  }
}
.shape-container--19 {
  animation: shape-19 122s linear infinite;
}
.shape-container--19 .random-shape:after {
  margin: 1.7rem;
  color: #cda1ff;
  font-size: 0.34rem;
  content: "";
}

@keyframes shape-20 {
  0% {
    transform: translate3d(0, 0, 0) rotate(76deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(436deg);
  }
}
.shape-container--20 {
  animation: shape-20 129s linear infinite;
}
.shape-container--20 .random-shape:after {
  margin: 8.7rem;
  color: #ffef96;
  font-size: 1.74rem;
  content: "";
}

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

@keyframes shape-22 {
  0% {
    transform: translate3d(0, 0, 0) rotate(70deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(430deg);
  }
}
.shape-container--22 {
  animation: shape-22 120s linear infinite;
}
.shape-container--22 .random-shape:after {
  margin: 1.7rem;
  color: #45ffdc;
  font-size: 0.34rem;
  content: "";
}

@keyframes shape-23 {
  0% {
    transform: translate3d(0, 0, 0) rotate(90deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(450deg);
  }
}
.shape-container--23 {
  animation: shape-23 113s linear infinite;
}
.shape-container--23 .random-shape:after {
  margin: 4.7rem;
  color: #4800c0;
  font-size: 0.94rem;
  content: "";
}

@keyframes shape-24 {
  0% {
    transform: translate3d(0, 0, 0) rotate(19deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(379deg);
  }
}
.shape-container--24 {
  animation: shape-24 113s linear infinite;
}
.shape-container--24 .random-shape:after {
  margin: 3.7rem;
  color: #45ffdc;
  font-size: 0.74rem;
  content: "";
}

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

@keyframes shape-26 {
  0% {
    transform: translate3d(0, 0, 0) rotate(155deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(515deg);
  }
}
.shape-container--26 {
  animation: shape-26 119s linear infinite;
}
.shape-container--26 .random-shape:after {
  margin: 6.7rem;
  color: #31b4ff;
  font-size: 1.34rem;
  content: "";
}

@keyframes shape-27 {
  0% {
    transform: translate3d(0, 0, 0) rotate(121deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(481deg);
  }
}
.shape-container--27 {
  animation: shape-27 105s linear infinite;
}
.shape-container--27 .random-shape:after {
  margin: 2.7rem;
  color: #31b4ff;
  font-size: 0.54rem;
  content: "";
}

@keyframes shape-28 {
  0% {
    transform: translate3d(0, 0, 0) rotate(127deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(487deg);
  }
}
.shape-container--28 {
  animation: shape-28 129s linear infinite;
}
.shape-container--28 .random-shape:after {
  margin: 2.7rem;
  color: #31b4ff;
  font-size: 0.54rem;
  content: "";
}

@keyframes shape-29 {
  0% {
    transform: translate3d(0, 0, 0) rotate(294deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(654deg);
  }
}
.shape-container--29 {
  animation: shape-29 127s linear infinite;
}
.shape-container--29 .random-shape:after {
  margin: 2.7rem;
  color: #45ffdc;
  font-size: 0.54rem;
  content: "";
}

@keyframes shape-30 {
  0% {
    transform: translate3d(0, 0, 0) rotate(197deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(557deg);
  }
}
.shape-container--30 {
  animation: shape-30 106s linear infinite;
}
.shape-container--30 .random-shape:after {
  margin: 4.7rem;
  color: #ff94a1;
  font-size: 0.94rem;
  content: "";
}

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

@keyframes shape-32 {
  0% {
    transform: translate3d(0, 0, 0) rotate(3deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(363deg);
  }
}
.shape-container--32 {
  animation: shape-32 104s linear infinite;
}
.shape-container--32 .random-shape:after {
  margin: 6.7rem;
  color: #ffef96;
  font-size: 1.34rem;
  content: "";
}

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

@keyframes shape-34 {
  0% {
    transform: translate3d(0, 0, 0) rotate(266deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(626deg);
  }
}
.shape-container--34 {
  animation: shape-34 125s linear infinite;
}
.shape-container--34 .random-shape:after {
  margin: 10.7rem;
  color: #31b4ff;
  font-size: 2.14rem;
  content: "";
}

@keyframes shape-35 {
  0% {
    transform: translate3d(0, 0, 0) rotate(16deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(376deg);
  }
}
.shape-container--35 {
  animation: shape-35 101s linear infinite;
}
.shape-container--35 .random-shape:after {
  margin: 9.7rem;
  color: #ff94a1;
  font-size: 1.94rem;
  content: "";
}

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

@keyframes shape-37 {
  0% {
    transform: translate3d(0, 0, 0) rotate(276deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(636deg);
  }
}
.shape-container--37 {
  animation: shape-37 116s linear infinite;
}
.shape-container--37 .random-shape:after {
  margin: 10.7rem;
  color: #31b4ff;
  font-size: 2.14rem;
  content: "";
}

@keyframes shape-38 {
  0% {
    transform: translate3d(0, 0, 0) rotate(228deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(588deg);
  }
}
.shape-container--38 {
  animation: shape-38 130s linear infinite;
}
.shape-container--38 .random-shape:after {
  margin: 2.7rem;
  color: #ffef96;
  font-size: 0.54rem;
  content: "";
}

@keyframes shape-39 {
  0% {
    transform: translate3d(0, 0, 0) rotate(57deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(417deg);
  }
}
.shape-container--39 {
  animation: shape-39 107s linear infinite;
}
.shape-container--39 .random-shape:after {
  margin: 2.7rem;
  color: #cda1ff;
  font-size: 0.54rem;
  content: "";
}

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

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

@keyframes shape-42 {
  0% {
    transform: translate3d(0, 0, 0) rotate(303deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(663deg);
  }
}
.shape-container--42 {
  animation: shape-42 118s linear infinite;
}
.shape-container--42 .random-shape:after {
  margin: 2.7rem;
  color: #cda1ff;
  font-size: 0.54rem;
  content: "";
}

@keyframes shape-43 {
  0% {
    transform: translate3d(0, 0, 0) rotate(255deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(615deg);
  }
}
.shape-container--43 {
  animation: shape-43 109s linear infinite;
}
.shape-container--43 .random-shape:after {
  margin: 5.7rem;
  color: #31b4ff;
  font-size: 1.14rem;
  content: "";
}

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

@keyframes shape-45 {
  0% {
    transform: translate3d(0, 0, 0) rotate(289deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(649deg);
  }
}
.shape-container--45 {
  animation: shape-45 130s linear infinite;
}
.shape-container--45 .random-shape:after {
  margin: 6.7rem;
  color: #ff94a1;
  font-size: 1.34rem;
  content: "";
}

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

@keyframes shape-47 {
  0% {
    transform: translate3d(0, 0, 0) rotate(312deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(672deg);
  }
}
.shape-container--47 {
  animation: shape-47 108s linear infinite;
}
.shape-container--47 .random-shape:after {
  margin: 8.7rem;
  color: #4800c0;
  font-size: 1.74rem;
  content: "";
}

@keyframes shape-48 {
  0% {
    transform: translate3d(0, 0, 0) rotate(248deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(608deg);
  }
}
.shape-container--48 {
  animation: shape-48 116s linear infinite;
}
.shape-container--48 .random-shape:after {
  margin: 2.7rem;
  color: #4800c0;
  font-size: 0.54rem;
  content: "";
}

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

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

@keyframes shape-51 {
  0% {
    transform: translate3d(0, 0, 0) rotate(270deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(630deg);
  }
}
.shape-container--51 {
  animation: shape-51 119s linear infinite;
}
.shape-container--51 .random-shape:after {
  margin: 6.7rem;
  color: #4800c0;
  font-size: 1.34rem;
  content: "";
}

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

@keyframes shape-53 {
  0% {
    transform: translate3d(0, 0, 0) rotate(14deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(374deg);
  }
}
.shape-container--53 {
  animation: shape-53 121s linear infinite;
}
.shape-container--53 .random-shape:after {
  margin: 1.7rem;
  color: #cda1ff;
  font-size: 0.34rem;
  content: "";
}

@keyframes shape-54 {
  0% {
    transform: translate3d(0, 0, 0) rotate(284deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(644deg);
  }
}
.shape-container--54 {
  animation: shape-54 105s linear infinite;
}
.shape-container--54 .random-shape:after {
  margin: 7.7rem;
  color: #cda1ff;
  font-size: 1.54rem;
  content: "";
}

@keyframes shape-55 {
  0% {
    transform: translate3d(0, 0, 0) rotate(164deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(524deg);
  }
}
.shape-container--55 {
  animation: shape-55 103s linear infinite;
}
.shape-container--55 .random-shape:after {
  margin: 4.7rem;
  color: #ffef96;
  font-size: 0.94rem;
  content: "";
}

@keyframes shape-56 {
  0% {
    transform: translate3d(0, 0, 0) rotate(333deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(693deg);
  }
}
.shape-container--56 {
  animation: shape-56 127s linear infinite;
}
.shape-container--56 .random-shape:after {
  margin: 6.7rem;
  color: #31b4ff;
  font-size: 1.34rem;
  content: "";
}

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

@keyframes shape-58 {
  0% {
    transform: translate3d(0, 0, 0) rotate(76deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(436deg);
  }
}
.shape-container--58 {
  animation: shape-58 101s linear infinite;
}
.shape-container--58 .random-shape:after {
  margin: 3.7rem;
  color: #ff94a1;
  font-size: 0.74rem;
  content: "";
}

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

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

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

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

@keyframes shape-63 {
  0% {
    transform: translate3d(0, 0, 0) rotate(54deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(414deg);
  }
}
.shape-container--63 {
  animation: shape-63 105s linear infinite;
}
.shape-container--63 .random-shape:after {
  margin: 6.7rem;
  color: #4800c0;
  font-size: 1.34rem;
  content: "";
}

@keyframes shape-64 {
  0% {
    transform: translate3d(0, 0, 0) rotate(352deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(712deg);
  }
}
.shape-container--64 {
  animation: shape-64 119s linear infinite;
}
.shape-container--64 .random-shape:after {
  margin: 10.7rem;
  color: #9300c9;
  font-size: 2.14rem;
  content: "";
}

@keyframes shape-65 {
  0% {
    transform: translate3d(0, 0, 0) rotate(82deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(442deg);
  }
}
.shape-container--65 {
  animation: shape-65 113s linear infinite;
}
.shape-container--65 .random-shape:after {
  margin: 1.7rem;
  color: #ff94a1;
  font-size: 0.34rem;
  content: "";
}

@keyframes shape-66 {
  0% {
    transform: translate3d(0, 0, 0) rotate(233deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(593deg);
  }
}
.shape-container--66 {
  animation: shape-66 129s linear infinite;
}
.shape-container--66 .random-shape:after {
  margin: 10.7rem;
  color: #cda1ff;
  font-size: 2.14rem;
  content: "";
}

@keyframes shape-67 {
  0% {
    transform: translate3d(0, 0, 0) rotate(52deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(412deg);
  }
}
.shape-container--67 {
  animation: shape-67 125s linear infinite;
}
.shape-container--67 .random-shape:after {
  margin: 8.7rem;
  color: #cda1ff;
  font-size: 1.74rem;
  content: "";
}

@keyframes shape-68 {
  0% {
    transform: translate3d(0, 0, 0) rotate(33deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(393deg);
  }
}
.shape-container--68 {
  animation: shape-68 128s linear infinite;
}
.shape-container--68 .random-shape:after {
  margin: 4.7rem;
  color: #ff94a1;
  font-size: 0.94rem;
  content: "";
}

@keyframes shape-69 {
  0% {
    transform: translate3d(0, 0, 0) rotate(211deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(571deg);
  }
}
.shape-container--69 {
  animation: shape-69 128s linear infinite;
}
.shape-container--69 .random-shape:after {
  margin: 3.7rem;
  color: #ff94a1;
  font-size: 0.74rem;
  content: "";
}

@keyframes shape-70 {
  0% {
    transform: translate3d(0, 0, 0) rotate(196deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(556deg);
  }
}
.shape-container--70 {
  animation: shape-70 114s linear infinite;
}
.shape-container--70 .random-shape:after {
  margin: 7.7rem;
  color: #ffef96;
  font-size: 1.54rem;
  content: "";
}

@keyframes shape-71 {
  0% {
    transform: translate3d(0, 0, 0) rotate(243deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(603deg);
  }
}
.shape-container--71 {
  animation: shape-71 127s linear infinite;
}
.shape-container--71 .random-shape:after {
  margin: 7.7rem;
  color: #cda1ff;
  font-size: 1.54rem;
  content: "";
}

@keyframes shape-72 {
  0% {
    transform: translate3d(0, 0, 0) rotate(60deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(420deg);
  }
}
.shape-container--72 {
  animation: shape-72 101s linear infinite;
}
.shape-container--72 .random-shape:after {
  margin: 7.7rem;
  color: #ff94a1;
  font-size: 1.54rem;
  content: "";
}

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

@keyframes shape-74 {
  0% {
    transform: translate3d(0, 0, 0) rotate(182deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(542deg);
  }
}
.shape-container--74 {
  animation: shape-74 122s linear infinite;
}
.shape-container--74 .random-shape:after {
  margin: 5.7rem;
  color: #ff94a1;
  font-size: 1.14rem;
  content: "";
}

@keyframes shape-75 {
  0% {
    transform: translate3d(0, 0, 0) rotate(254deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(614deg);
  }
}
.shape-container--75 {
  animation: shape-75 128s linear infinite;
}
.shape-container--75 .random-shape:after {
  margin: 3.7rem;
  color: #4800c0;
  font-size: 0.74rem;
  content: "";
}

@keyframes shape-76 {
  0% {
    transform: translate3d(0, 0, 0) rotate(271deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(631deg);
  }
}
.shape-container--76 {
  animation: shape-76 113s linear infinite;
}
.shape-container--76 .random-shape:after {
  margin: 9.7rem;
  color: #4800c0;
  font-size: 1.94rem;
  content: "";
}

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

@keyframes shape-78 {
  0% {
    transform: translate3d(0, 0, 0) rotate(132deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(492deg);
  }
}
.shape-container--78 {
  animation: shape-78 106s linear infinite;
}
.shape-container--78 .random-shape:after {
  margin: 7.7rem;
  color: #45ffdc;
  font-size: 1.54rem;
  content: "";
}

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

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