.buules_wrap {
	position: relative;
	top: 0;
	left: 0;
	width: 100vw;
    height: 0;

}

/*$particle-min-speed: 50000;  */
/*$particle-max-speed: 100000; */
/*$particle-max-delay: 80000; */

/*** <--- CONTAINER ---> ***/
.xbody {
	overflow: hidden;
    width: 100vw;
    height: 100vh;

}


/*** <--- PARTICLES ---> ***/
.bottom-particles {
  position: absolute;
  top: 100vh;
  left: 0;
  width: 100%;
}
.bottom-particles .bubble {
  opacity: 0;
  position: absolute;
  bottom: -1rem;
  width: 1rem;
  height: 1rem;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
}
.bottom-particles .bubble:nth-child(1) {
  left: 60%;
  -webkit-animation: blow 55860ms infinite;
          animation: blow 55860ms infinite;
  -webkit-animation-delay: 65697ms;
          animation-delay: 65697ms;
}
.bottom-particles .bubble:nth-child(2) {
  left: 28%;
  -webkit-animation: blow 50000ms infinite;
          animation: blow 50000ms infinite;
  -webkit-animation-delay: 68815ms;
          animation-delay: 68815ms;
}
.bottom-particles .bubble:nth-child(3) {
  left: 56%;
  -webkit-animation: blow 50000ms infinite;
          animation: blow 50000ms infinite;
  -webkit-animation-delay: 15926ms;
          animation-delay: 15926ms;
}
.bottom-particles .bubble:nth-child(4) {
  left: 80%;
  -webkit-animation: blow 50000ms infinite;
          animation: blow 50000ms infinite;
  -webkit-animation-delay: 41207ms;
          animation-delay: 41207ms;
}
.bottom-particles .bubble:nth-child(5) {
  left: 92%;
  -webkit-animation: blow 50000ms infinite;
          animation: blow 50000ms infinite;
  -webkit-animation-delay: 12353ms;
          animation-delay: 12353ms;
}
.bottom-particles .bubble:nth-child(6) {
  left: 15%;
  -webkit-animation: blow 50000ms infinite;
          animation: blow 50000ms infinite;
  -webkit-animation-delay: 72284ms;
          animation-delay: 72284ms;
}
.bottom-particles .bubble:nth-child(7) {
  left: 52%;
  -webkit-animation: blow 69225ms infinite;
          animation: blow 69225ms infinite;
  -webkit-animation-delay: 45141ms;
          animation-delay: 45141ms;
}
.bottom-particles .bubble:nth-child(8) {
  left: 21%;
  -webkit-animation: blow 50000ms infinite;
          animation: blow 50000ms infinite;
  -webkit-animation-delay: 41441ms;
          animation-delay: 41441ms;
}
.bottom-particles .bubble:nth-child(9) {
  left: 22%;
  -webkit-animation: blow 50000ms infinite;
          animation: blow 50000ms infinite;
  -webkit-animation-delay: 78452ms;
          animation-delay: 78452ms;
}
.bottom-particles .bubble:nth-child(10) {
  left: 44%;
  -webkit-animation: blow 50000ms infinite;
          animation: blow 50000ms infinite;
  -webkit-animation-delay: 13592ms;
          animation-delay: 13592ms;
}
.bottom-particles .bubble:nth-child(11) {
  left: 28%;
  -webkit-animation: blow 82044ms infinite;
          animation: blow 82044ms infinite;
  -webkit-animation-delay: 53034ms;
          animation-delay: 53034ms;
}
.bottom-particles .bubble:nth-child(12) {
  left: 7%;
  -webkit-animation: blow 87750ms infinite;
          animation: blow 87750ms infinite;
  -webkit-animation-delay: 9516ms;
          animation-delay: 9516ms;
}
.bottom-particles .bubble:nth-child(13) {
  left: 92%;
  -webkit-animation: blow 50000ms infinite;
          animation: blow 50000ms infinite;
  -webkit-animation-delay: 44626ms;
          animation-delay: 44626ms;
}
.bottom-particles .bubble:nth-child(14) {
  left: 22%;
  -webkit-animation: blow 50000ms infinite;
          animation: blow 50000ms infinite;
  -webkit-animation-delay: 71519ms;
          animation-delay: 71519ms;
}
.bottom-particles .bubble:nth-child(15) {
  left: 72%;
  -webkit-animation: blow 50000ms infinite;
          animation: blow 50000ms infinite;
  -webkit-animation-delay: 10245ms;
          animation-delay: 10245ms;
}
.bottom-particles .bubble:nth-child(16) {
  left: 87%;
  -webkit-animation: blow 50000ms infinite;
          animation: blow 50000ms infinite;
  -webkit-animation-delay: 15853ms;
          animation-delay: 15853ms;
}
.bottom-particles .bubble:nth-child(17) {
  left: 3%;
  -webkit-animation: blow 50000ms infinite;
          animation: blow 50000ms infinite;
  -webkit-animation-delay: 57779ms;
          animation-delay: 57779ms;
}
.bottom-particles .bubble:nth-child(18) {
  left: 92%;
  -webkit-animation: blow 50000ms infinite;
          animation: blow 50000ms infinite;
  -webkit-animation-delay: 59124ms;
          animation-delay: 59124ms;
}
.bottom-particles .bubble:nth-child(19) {
  left: 74%;
  -webkit-animation: blow 50000ms infinite;
          animation: blow 50000ms infinite;
  -webkit-animation-delay: 65833ms;
          animation-delay: 65833ms;
}
.bottom-particles .bubble:nth-child(20) {
  left: 91%;
  -webkit-animation: blow 65751ms infinite;
          animation: blow 65751ms infinite;
  -webkit-animation-delay: 23245ms;
          animation-delay: 23245ms;
}
.bottom-particles .bubble:nth-child(21) {
  left: 47%;
  -webkit-animation: blow 71820ms infinite;
          animation: blow 71820ms infinite;
  -webkit-animation-delay: 53039ms;
          animation-delay: 53039ms;
}
.bottom-particles .bubble:nth-child(22) {
  left: 17%;
  -webkit-animation: blow 50000ms infinite;
          animation: blow 50000ms infinite;
  -webkit-animation-delay: 4057ms;
          animation-delay: 4057ms;
}
.bottom-particles .bubble:nth-child(23) {
  left: 70%;
  -webkit-animation: blow 80388ms infinite;
          animation: blow 80388ms infinite;
  -webkit-animation-delay: 46125ms;
          animation-delay: 46125ms;
}
.bottom-particles .bubble:nth-child(24) {
  left: 95%;
  -webkit-animation: blow 86176ms infinite;
          animation: blow 86176ms infinite;
  -webkit-animation-delay: 71702ms;
          animation-delay: 71702ms;
}
.bottom-particles .bubble:nth-child(25) {
  left: 60%;
  -webkit-animation: blow 50000ms infinite;
          animation: blow 50000ms infinite;
  -webkit-animation-delay: 46055ms;
          animation-delay: 46055ms;
}
.bottom-particles .bubble:nth-child(26) {
  left: 41%;
  -webkit-animation: blow 71307ms infinite;
          animation: blow 71307ms infinite;
  -webkit-animation-delay: 19121ms;
          animation-delay: 19121ms;
}
.bottom-particles .bubble:nth-child(27) {
  left: 78%;
  -webkit-animation: blow 63920ms infinite;
          animation: blow 63920ms infinite;
  -webkit-animation-delay: 69008ms;
          animation-delay: 69008ms;
}
.bottom-particles .bubble:nth-child(28) {
  left: 36%;
  -webkit-animation: blow 50000ms infinite;
          animation: blow 50000ms infinite;
  -webkit-animation-delay: 54925ms;
          animation-delay: 54925ms;
}
.bottom-particles .bubble:nth-child(29) {
  left: 16%;
  -webkit-animation: blow 67418ms infinite;
          animation: blow 67418ms infinite;
  -webkit-animation-delay: 54205ms;
          animation-delay: 54205ms;
}
.bottom-particles .bubble:nth-child(30) {
  left: 39%;
  -webkit-animation: blow 67831ms infinite;
          animation: blow 67831ms infinite;
  -webkit-animation-delay: 12833ms;
          animation-delay: 12833ms;
}
.bottom-particles .bubble:nth-child(31) {
  left: 56%;
  -webkit-animation: blow 50000ms infinite;
          animation: blow 50000ms infinite;
  -webkit-animation-delay: 68707ms;
          animation-delay: 68707ms;
}
.bottom-particles .bubble:nth-child(32) {
  left: 72%;
  -webkit-animation: blow 56844ms infinite;
          animation: blow 56844ms infinite;
  -webkit-animation-delay: 42593ms;
          animation-delay: 42593ms;
}
.bottom-particles .bubble:nth-child(33) {
  left: 59%;
  -webkit-animation: blow 50000ms infinite;
          animation: blow 50000ms infinite;
  -webkit-animation-delay: 45057ms;
          animation-delay: 45057ms;
}
.bottom-particles .bubble:nth-child(34) {
  left: 68%;
  -webkit-animation: blow 50000ms infinite;
          animation: blow 50000ms infinite;
  -webkit-animation-delay: 77001ms;
          animation-delay: 77001ms;
}
.bottom-particles .bubble:nth-child(35) {
  left: 68%;
  -webkit-animation: blow 94906ms infinite;
          animation: blow 94906ms infinite;
  -webkit-animation-delay: 24512ms;
          animation-delay: 24512ms;
}
.bottom-particles .bubble:nth-child(36) {
  left: 47%;
  -webkit-animation: blow 50000ms infinite;
          animation: blow 50000ms infinite;
  -webkit-animation-delay: 1431ms;
          animation-delay: 1431ms;
}
.bottom-particles .bubble:nth-child(37) {
  left: 68%;
  -webkit-animation: blow 50000ms infinite;
          animation: blow 50000ms infinite;
  -webkit-animation-delay: 13ms;
          animation-delay: 13ms;
}
.bottom-particles .bubble:nth-child(38) {
  left: 57%;
  -webkit-animation: blow 62463ms infinite;
          animation: blow 62463ms infinite;
  -webkit-animation-delay: 18937ms;
          animation-delay: 18937ms;
}
.bottom-particles .bubble:nth-child(39) {
  left: 69%;
  -webkit-animation: blow 90199ms infinite;
          animation: blow 90199ms infinite;
  -webkit-animation-delay: 50784ms;
          animation-delay: 50784ms;
}
.bottom-particles .bubble:nth-child(40) {
  left: 98%;
  -webkit-animation: blow 50000ms infinite;
          animation: blow 50000ms infinite;
  -webkit-animation-delay: 18004ms;
          animation-delay: 18004ms;
}
.bottom-particles .bubble:nth-child(41) {
  left: 10%;
  -webkit-animation: blow 50000ms infinite;
          animation: blow 50000ms infinite;
  -webkit-animation-delay: 52767ms;
          animation-delay: 52767ms;
}
.bottom-particles .bubble:nth-child(42) {
  left: 89%;
  -webkit-animation: blow 50000ms infinite;
          animation: blow 50000ms infinite;
  -webkit-animation-delay: 39038ms;
          animation-delay: 39038ms;
}
.bottom-particles .bubble:nth-child(43) {
  left: 49%;
  -webkit-animation: blow 50000ms infinite;
          animation: blow 50000ms infinite;
  -webkit-animation-delay: 27741ms;
          animation-delay: 27741ms;
}
.bottom-particles .bubble:nth-child(44) {
  left: 8%;
  -webkit-animation: blow 50000ms infinite;
          animation: blow 50000ms infinite;
  -webkit-animation-delay: 67533ms;
          animation-delay: 67533ms;
}
.bottom-particles .bubble:nth-child(45) {
  left: 72%;
  -webkit-animation: blow 50000ms infinite;
          animation: blow 50000ms infinite;
  -webkit-animation-delay: 18084ms;
          animation-delay: 18084ms;
}
.bottom-particles .bubble:nth-child(46) {
  left: 16%;
  -webkit-animation: blow 62444ms infinite;
          animation: blow 62444ms infinite;
  -webkit-animation-delay: 72014ms;
          animation-delay: 72014ms;
}
.bottom-particles .bubble:nth-child(47) {
  left: 40%;
  -webkit-animation: blow 50000ms infinite;
          animation: blow 50000ms infinite;
  -webkit-animation-delay: 33157ms;
          animation-delay: 33157ms;
}
.bottom-particles .bubble:nth-child(48) {
  left: 16%;
  -webkit-animation: blow 50000ms infinite;
          animation: blow 50000ms infinite;
  -webkit-animation-delay: 9665ms;
          animation-delay: 9665ms;
}
.bottom-particles .bubble:nth-child(49) {
  left: 59%;
  -webkit-animation: blow 91525ms infinite;
          animation: blow 91525ms infinite;
  -webkit-animation-delay: 10559ms;
          animation-delay: 10559ms;
}
.bottom-particles .bubble:nth-child(50) {
  left: 99%;
  -webkit-animation: blow 69265ms infinite;
          animation: blow 69265ms infinite;
  -webkit-animation-delay: 35427ms;
          animation-delay: 35427ms;
}
.bottom-particles .bubble:nth-child(51) {
  left: 62%;
  -webkit-animation: blow 65730ms infinite;
          animation: blow 65730ms infinite;
  -webkit-animation-delay: 29736ms;
          animation-delay: 29736ms;
}
.bottom-particles .bubble:nth-child(52) {
  left: 47%;
  -webkit-animation: blow 54751ms infinite;
          animation: blow 54751ms infinite;
  -webkit-animation-delay: 18556ms;
          animation-delay: 18556ms;
}
.bottom-particles .bubble:nth-child(53) {
  left: 99%;
  -webkit-animation: blow 93264ms infinite;
          animation: blow 93264ms infinite;
  -webkit-animation-delay: 38491ms;
          animation-delay: 38491ms;
}
.bottom-particles .bubble:nth-child(54) {
  left: 2%;
  -webkit-animation: blow 50000ms infinite;
          animation: blow 50000ms infinite;
  -webkit-animation-delay: 54155ms;
          animation-delay: 54155ms;
}
.bottom-particles .bubble:nth-child(55) {
  left: 79%;
  -webkit-animation: blow 53810ms infinite;
          animation: blow 53810ms infinite;
  -webkit-animation-delay: 70102ms;
          animation-delay: 70102ms;
}
.bottom-particles .bubble:nth-child(56) {
  left: 25%;
  -webkit-animation: blow 94703ms infinite;
          animation: blow 94703ms infinite;
  -webkit-animation-delay: 73195ms;
          animation-delay: 73195ms;
}
.bottom-particles .bubble:nth-child(57) {
  left: 61%;
  -webkit-animation: blow 67095ms infinite;
          animation: blow 67095ms infinite;
  -webkit-animation-delay: 78364ms;
          animation-delay: 78364ms;
}
.bottom-particles .bubble:nth-child(58) {
  left: 76%;
  -webkit-animation: blow 50000ms infinite;
          animation: blow 50000ms infinite;
  -webkit-animation-delay: 72718ms;
          animation-delay: 72718ms;
}
.bottom-particles .bubble:nth-child(59) {
  left: 26%;
  -webkit-animation: blow 50000ms infinite;
          animation: blow 50000ms infinite;
  -webkit-animation-delay: 30009ms;
          animation-delay: 30009ms;
}

@-webkit-keyframes blow {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  20% {
    opacity: 0.5;
  }
  89% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    transform: translate(0, -100vh) scale(0.2);
  }
}

@keyframes blow {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  20% {
    opacity: 0.5;
  }
  89% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    transform: translate(0, -100vh) scale(0.2);
  }
}