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