#main{width:100%;height:88vh}#main,#main>#lander-container{display:flex;justify-content:center;align-items:center;overflow:hidden}#main>#lander-container{position:relative;width:95%;height:80vh;border:1px solid hsla(0,0%,100%,.4);border-radius:10px}#main>#lander-container>video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(40px);z-index:0}#main>#lander-container>#lander{position:relative;z-index:1;width:50%;height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center}#main>#lander-container>#lander>#heading{color:#000;font-family:Melodrama,serif;font-size:42px;font-weight:700;text-align:center}#main>#lander-container>#lander>#sub-heading{width:72%;margin-top:15px;color:#000;text-align:center;font-family:Cabinet Grotesk,sans-serif;font-size:19px;opacity:65%}#main>#lander-container>#lander>button{cursor:pointer;margin-top:40px;padding:10px 20px;font-family:General Sans,sans-serif;font-weight:500;font-size:13px;border:none;border-radius:10px;transition:all .3s ease-in-out;background-color:#fff;color:#000;box-shadow:0 0 30px rgba(147,62,255,.6),0 0 70px rgba(147,62,255,.5)}#main>#lander-container>#lander>button:hover{box-shadow:0 0 50px rgba(147,62,255,.6),0 0 70px rgba(147,62,255,.5),0 0 100px rgba(147,62,255,.4),0 0 150px rgba(147,62,255,.3)}@media (max-width:1024px){#main>#lander-container>#lander{width:70%}#main>#lander-container>#lander>#heading{font-size:36px}#main>#lander-container>#lander>#sub-heading{font-size:17px;width:80%}}@media (max-width:768px){#main>#lander-container>#lander{width:80%}#main>#lander-container>#lander>#heading{font-size:32px}#main>#lander-container>#lander>#sub-heading{font-size:16px;width:85%}#main>#lander-container>#lander>button{padding:8px 16px;font-size:12px}}@media (max-width:480px){#main>#lander-container>#lander{width:90%}#main>#lander-container>#lander>#heading{font-size:28px}#main>#lander-container>#lander>#sub-heading{font-size:15px;width:90%}#main>#lander-container>#lander>button{padding:6px 14px;font-size:11px}}*{margin:0;padding:0}.gallery-container{position:relative;height:83vh;width:100%;margin-top:5vh;background-color:#000;perspective:1000px;overflow:hidden;opacity:.5}.content-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:5;color:#fff;width:100%}h1,h2{font-family:Melodrama,serif;font-weight:lighter;margin:0;line-height:1.1}h1{font-size:50px;text-shadow:0 0 10px #fff,0 0 3px hsla(0,0%,100%,.8)}.sub-heading{width:100%;margin-top:1rem;font-size:1.2rem;opacity:.8}.notes-tag,.sub-heading{display:flex;justify-content:center;align-items:center}.notes-tag{text-align:center;background:hsla(0,0%,100%,.3);padding:5px 8px;border-radius:10px;margin-left:8px}#notes-animate{animation:notesFade .7s ease-out}@keyframes notesFade{0%{opacity:0}to{opacity:1}}.floating-images{position:absolute;width:100%;height:100%}.floating-image{position:absolute;overflow:hidden;width:400px;height:auto;transition:transform .1s ease-out}.floating-image img{width:100%;height:100%;object-fit:contain}.floating-text{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);color:#fff;font-family:General Sans,sans-serif;font-size:18px;font-weight:500;text-align:center;background:rgba(0,0,0,.6);padding:5px 10px;border-radius:8px;white-space:nowrap;opacity:.9}.image-1{top:0;left:5%;scale:1.1;animation:float1 15s ease-in-out infinite}.image-2{top:4%;right:5%;animation:float2 18s ease-in-out infinite}.image-3{bottom:12%;left:8%;scale:.9;opacity:.8;animation:float3 20s ease-in-out infinite}.image-4{top:-4%;right:47%;scale:.85;animation:float4 17s ease-in-out infinite}.image-5{bottom:10%;right:10%;scale:.8;opacity:.75}.image-5,.image-6{animation:float5 19s ease-in-out infinite}.image-6{bottom:15%;right:40%;scale:.6;opacity:.6}.image-7{top:-3%;right:25%;scale:.5;opacity:.45;animation:float5 19s ease-in-out infinite}@keyframes float1{0%,to{transform:translate(0) translateZ(-20px)}25%{transform:translate(-8px,12px) translateZ(-18px)}50%{transform:translate(10px,-5px) translateZ(-20px)}75%{transform:translate(-5px,8px) translateZ(-18px)}}@keyframes float2{0%,to{transform:translate(0) translateZ(-40px)}25%{transform:translate(10px,-5px) translateZ(-35px)}50%{transform:translate(-12px,7px) translateZ(-40px)}75%{transform:translate(6px,-10px) translateZ(-35px)}}@keyframes float3{0%,to{transform:translate(0) translateZ(-10px)}25%{transform:translate(-12px,-8px) translateZ(-10px)}50%{transform:translate(15px,5px) translateZ(-10px)}75%{transform:translate(-8px,-6px) translateZ(-10px)}}@keyframes float4{0%,to{transform:translate(0) translateZ(-30px)}25%{transform:translate(8px,10px) translateZ(-28px)}50%{transform:translate(-10px,6px) translateZ(-30px)}75%{transform:translate(6px,-7px) translateZ(-28px)}}@keyframes float5{0%,to{transform:translate(0) translateZ(-25px)}25%{transform:translate(-10px,15px) translateZ(-22px)}50%{transform:translate(12px,-8px) translateZ(-25px)}75%{transform:translate(-5px,10px) translateZ(-22px)}}#footer-container{width:100%;height:100vh;overflow:hidden}#top{width:100%;height:65vh;display:flex;justify-content:center;align-items:center;transition:transform 1s ease}.rotate{animation:rotate180 2s ease forwards}.rotate-full{animation:rotate360 2s ease forwards}@keyframes rotate180{0%{transform:rotate(0deg) translateX(0)}50%{transform:translateX(100px)}to{transform:rotate(180deg) translateX(200px)}}@keyframes rotate360{0%{transform:rotate(180deg) translateX(200px)}50%{transform:translateX(0)}to{transform:rotate(1turn) translateX(0)}}#top>h1{background:#fff;font-family:Melodrama,serif;font-size:300px;color:#000;font-weight:700;padding:10px 100px;border-radius:50%;box-shadow:0 0 50px rgba(147,62,255,.6),0 0 70px rgba(147,62,255,.5),0 0 100px rgba(147,62,255,.4),0 0 150px rgba(147,62,255,.3);transition:box-shadow .7s ease,background-color .5s ease,color .5s ease;z-index:2}#top>h1:hover{cursor:pointer;color:#000;box-shadow:0 0 40px hsla(0,0%,100%,.6),0 0 70px hsla(0,0%,100%,.6),0 0 150px hsla(0,0%,100%,.6),0 0 200px hsla(0,0%,100%,.6)}#asap{position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;width:100%;z-index:0;opacity:0;transition:opacity 1s ease}#asap.fade-in{opacity:1}#asap>h1{margin-left:350px;font-size:300px}#bottom{width:100%;height:50vh;border-radius:30px 30px 0 0;background:#fff;color:#000;box-shadow:0 0 40px hsla(0,0%,100%,.2),0 0 50px hsla(0,0%,100%,.2),0 0 60px hsla(0,0%,100%,.2),0 0 7px hsla(0,0%,100%,.2)}#bottom>#bottom-t{width:70%;height:35%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto}#bottom>#bottom-t>#links{width:40%;height:20%;margin-top:45px}#bottom>#bottom-t>#links>ul{display:flex;justify-content:space-between;padding:0}#bottom>#bottom-t>#links>ul>li{cursor:pointer;list-style:none;font-weight:700;text-decoration:none;position:relative;overflow:hidden}#bottom>#bottom-t>#links>ul>li:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#000;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease}#bottom>#bottom-t>#links>ul>li:hover:after{transform:scaleX(1);transform-origin:bottom left}#bottom>#bottom-t>p{margin-top:50px;font-size:17px;font-weight:700}#bottom>#bottom-b{width:100%;height:35%;display:flex;justify-content:center;align-items:center}#bottom>#bottom-b>h4{font-size:200px;margin-bottom:-130px;text-shadow:0 0 3px #fff,0 0 5px hsla(0,0%,100%,.8)}@media screen and (max-width:1200px){#top>h1{font-size:200px;padding:10px 60px}#asap>h1{font-size:200px;margin-left:250px}#bottom>#bottom-b>h4{font-size:150px;margin-bottom:-100px}}@media screen and (max-width:768px){#top{height:40vh}#top>h1{font-size:120px;padding:10px 40px}#asap{display:none}#bottom{height:auto;padding:30px 0}#bottom>#bottom-t{width:90%;height:auto}#bottom>#bottom-t>#links{width:80%;margin-top:30px}#bottom>#bottom-t>p{margin-top:30px;font-size:14px;text-align:center}#bottom>#bottom-b>h4{font-size:80px;margin-bottom:-50px}}@media screen and (max-width:480px){#top>h1{font-size:80px;padding:10px 30px}#bottom>#bottom-t>#links{width:100%}#bottom>#bottom-t>#links>ul{flex-direction:column;align-items:center;gap:20px}#bottom>#bottom-b>h4{font-size:60px;margin-bottom:-30px}}