.backface-hidden{backface-visibility:hidden}.rotate-y-180{transform:rotateY(180deg)}.vibez-page .wrapper{height:100%;width:100%;position:absolute}.vibez-page .slogan{background:linear-gradient(90deg,#d20018,#c5273a,#c3606b)}.vibez-page .slogan .bg-img{width:100%;height:100%;object-fit:cover;object-position:center}.vibez-page .slogan .text-lines{color:#fff;font-size:80px;padding-left:128px;font-weight:bolder}.vibez-page .slogan .text-lines .title{font-size:128px}@media screen and (max-width:720px){.vibez-page .slogan .text-lines{font-size:32px;padding-left:40px}.vibez-page .slogan .text-lines .title{font-size:64px}}.vibez-page .logo-bg{top:50%;left:45%;transform:translate(-50%,-50%);position:absolute;font-family:sans-serif;letter-spacing:1px;word-spacing:2px;color:#fff;font-size:40px;font-weight:888;text-transform:uppercase;z-index:10;width:80%}@media screen and (max-width:480px){.vibez-page .logo-bg{width:80%}}@media screen and (min-width:768px)and (max-width:1024px){.vibez-page .logo-bg{width:80%}}@media screen and (min-width:1024px){.vibez-page .logo-bg{width:80%}}.vibez-page .logo{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;font-family:sans-serif;letter-spacing:1px;word-spacing:2px;color:#fff;font-size:40px;font-weight:888;text-transform:uppercase;z-index:10;width:75%}@media screen and (max-width:480px){.vibez-page .logo{width:75%}}@media screen and (min-width:768px)and (max-width:1024px){.vibez-page .logo{width:70%}}@media screen and (min-width:1024px){.vibez-page .logo{width:65%}}.bubble{height:100vh}.bubble .wrapper div{height:60px;width:60px;border:2px solid hsla(0,0%,100%,.7);border-radius:50px;position:absolute;top:10%;left:10%;animation:4s linear infinite}.bubble .wrapper div .dot{height:10px;width:10px;border-radius:50px;background:hsla(0,0%,100%,.5);position:absolute;top:20%;right:20%}.bubble .wrapper div:first-child{top:20%;left:20%;animation:animate 8s linear infinite}.bubble .wrapper div:nth-child(2){top:60%;left:80%;animation:animate 10s linear infinite}.bubble .wrapper div:nth-child(3){top:40%;left:40%;animation:animate 3s linear infinite}.bubble .wrapper div:nth-child(4){top:66%;left:30%;animation:animate 7s linear infinite}.bubble .wrapper div:nth-child(5){top:90%;left:10%;animation:animate 9s linear infinite}.bubble .wrapper div:nth-child(6){top:30%;left:60%;animation:animate 5s linear infinite}.bubble .wrapper div:nth-child(7){top:70%;left:20%;animation:animate 8s linear infinite}.bubble .wrapper div:nth-child(8){top:75%;left:60%;animation:animate 10s linear infinite}.bubble .wrapper div:nth-child(9){top:50%;left:50%;animation:animate 6s linear infinite}.bubble .wrapper div:nth-child(10){top:45%;left:20%;animation:animate 10s linear infinite}.bubble .wrapper div:nth-child(11){top:10%;left:90%;animation:animate 9s linear infinite}.bubble .wrapper div:nth-child(12){top:20%;left:70%;animation:animate 7s linear infinite}.bubble .wrapper div:nth-child(13){top:20%;left:20%;animation:animate 8s linear infinite}.bubble .wrapper div:nth-child(14){top:60%;left:5%;animation:animate 6s linear infinite}.bubble .wrapper div:nth-child(15){top:90%;left:80%;animation:animate 9s linear infinite}@keyframes animate{0%{transform:scale(0) translateY(0) rotate(70deg)}to{transform:scale(1.3) translateY(-100px) rotate(1turn)}}.ph8_5 .land{position:absolute;bottom:25vh;left:0;height:200px;width:100%}.ph8_5 .drop-container{position:absolute;bottom:170px;margin:auto;height:100px;width:100%}.ph8_5 .drop{top:-25%;left:50%;transform:translate(-50%,-75%);animation:drip 4s infinite alternate}.ph8_5 .drop,.ph8_5 h1{position:absolute;margin:auto}.ph8_5 h1{color:#fff;font-size:2.5em;height:1em;top:0;left:0;right:0;bottom:0;z-index:2;text-align:center;opacity:1}@keyframes appear{0%{opacity:0}to{opacity:1}}.ph8_5 .drop-container:after,.ph8_5 .drop-container:before{content:"";position:absolute;z-index:-1;top:55%;right:50%;transform:translate(50%) rotateX(75deg);border-radius:100%;opacity:0;width:75%;height:75%;border:5px solid skyblue;animation:dripple 1s ease-out .5s infinite alternate}.ph8_5 .drop-container:after{animation:dripple 2s ease-out 1.7s infinite alternate}@keyframes drip{45%{top:0}to{top:0}}@keyframes dripple{0%{width:150px;height:150px}25%{opacity:1}to{width:500px;height:500px;top:-20%;opacity:0}}