@import url("https://fonts.googleapis.com/css?family=Poppins:500,600,700,800,900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Rancho&display=swap");*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif;color:#fff}body,html{overflow-x:hidden}html{scroll-behavior:smooth}#header{position:absolute;top:0;left:0;width:100%;padding:1.5em 5em;display:flex;justify-content:space-between;align-items:center;z-index:99999}#header .logo{color:#f7f7f7;font-weight:800;font-size:2.5em;text-decoration:none}#header ul{display:flex;justify-content:space-around;align-items:center}#header ul li{list-style:none;margin:0 10px}#header ul li a{text-decoration:none;padding:6px 15px;color:#f8f8f8;border-radius:20px}#header ul li a.active,#header ul li a:hover{background:#003549;color:#fff}section{position:relative;width:100%;height:100vh;display:flex;justify-content:center;align-items:center}section:before{content:"";bottom:0;height:100px;background:linear-gradient(0deg,#085a7a,transparent);z-index:10}section img,section:before{position:absolute;left:0;width:100%}section img{top:0;height:100%;object-fit:cover;pointer-events:none}section #text span{font-size:.2em;letter-spacing:2px;font-weight:400;color:#fff}section #text{position:absolute;color:#fff;font-size:10vw;text-align:center;line-height:.55em;font-family:Rancho,cursive;transform:translateY(-50%);top:50%}#explore{text-decoration:none;padding:8px 25px;background:#fff;color:#003549;font-size:1.3em;font-weight:700;letter-spacing:2px;border-radius:40px;transform:translateY(100px)}#explore:hover{background:#003549;color:#fff}#top{position:fixed;width:50px;height:50px;background:#4faa2e;bottom:10%;right:5%;text-decoration:none;text-align:center;line-height:50px;color:#fff;font-size:25px;border-radius:50%;box-shadow:0 10px 10px rgba(0,0,0,.2);z-index:100}.glass{background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0));border-top:1px solid hsla(0,0%,100%,.5);border-left:1px solid hsla(0,0%,100%,.5);border-radius:15px;box-shadow:20px 20px 40px rgba(0,0,0,.3);backdrop-filter:blur(4px);padding:1em;margin-bottom:2%}.sec{position:relative;background-image:url(/images/land/sea.png);padding:10% 10% 25%;z-index:50;overflow:hidden}.sec h2{font-size:3.5em}.sec #name{font-size:1.5em;font-family:Rancho,cursive;letter-spacing:2px;font-weight:500;margin-bottom:20px}.sec h3{font-size:1.8em;margin:2%}.sec h4{font-size:1.2em;text-decoration:underline;font-weight:600}.sec p{margin:10px 20px 40px}.sec ul{margin:0 5%}.sec ul li{margin:2%}.fishes{position:absolute;opacity:.8}#fish1{top:0}#fish2{top:32%}#seabed{width:100%;left:0;bottom:0;opacity:1}.undersea{position:absolute;opacity:1}#sea2{top:16%;right:1%;width:10%}#sea3{top:40%;left:0;width:12%}#sea5{top:70%;left:1%;width:10%}@media screen and (max-width:650px){#header{padding:1em 2em;display:flex;flex-direction:column;justify-content:center}#header ul{padding:.5em}section #text{font-size:20vw}section img#cloud{object-fit:contain;height:600px;width:600px}section img#bird1{object-fit:contain;height:600px;width:400px}section img#bird2{object-fit:contain;height:750px;width:500px}.sec ul li{margin:20px}.sec ul{margin:0}.sec h3{font-size:1.5em;margin:20px 0}.sec p{margin:1% 4%}#seabed{object-fit:contain;left:0;width:750px}.glass{backdrop-filter:blur(1px)}#sea1{top:7%;width:40%}#sea2{top:25%;width:20%}#sea3{top:42%;width:25%}#sea4{top:52%;width:25%}#sea5{top:72%;left:1%;width:20%}#sea6{top:80%;right:2%;width:15%}#sea7{top:96%;left:1%;width:20%}#sea8{left:50%;width:15%}}.bubbles{display:flex;width:100%;justify-content:space-around;position:absolute;bottom:0;--transform-duration:6s;--transform-y:-300vh}.bubbles img{opacity:0;animation-name:bubble;animation-timing-function:linear;animation-duration:var(--transform-duration);animation-iteration-count:infinite}@keyframes bubble{0%{transform:translateY(0);opacity:0}10%{opacity:1}to{transform:translateY(var(--transform-y));opacity:1}}.bubbles img:first-child{animation-delay:2s}.bubbles img:nth-child(2){animation-delay:5s}.bubbles img:nth-child(3){animation-delay:3s}.bubbles img:nth-child(4){animation-delay:6s}.bubbles img:nth-child(5){animation-delay:1s}.bubbles img:nth-child(6){animation-delay:4s}.bubbles img:nth-child(7){animation-delay:6s}@media screen and (max-width:650px){.bubbles img:first-child{animation-delay:0s}.bubbles img:nth-child(2){animation-delay:10s}.bubbles img:nth-child(3){animation-delay:6s}.bubbles img:nth-child(4){animation-delay:12s}.bubbles img:nth-child(5){animation-delay:2s}.bubbles img:nth-child(6){animation-delay:8s}.bubbles img:nth-child(7){animation-delay:13s}}.footer{width:100%;background:#e6bb95;text-align:center}.footer,.footer span{padding:10px 0;color:#000}.wrapper{margin:5px}.wrapper .social-media{display:inline-block;height:50px;width:50px;margin:0 5px;overflow:hidden;background:#fff;border-radius:50px;cursor:pointer;box-shadow:0 10px 10px rgba(0,0,0,.1);transition:all .3s ease-out}.wrapper .social-media:hover{width:11rem;text-align:left}.wrapper .social-media:hover i{transform:rotate(1turn)}.wrapper .social-media .icon{display:inline-block;height:50px;width:50px;text-align:center;border-radius:50px}.wrapper .social-media .icon i{font-size:25px;line-height:50px;color:#fff;transition-duration:.8s;transition-property:transform}.wrapper .social-media:first-child .icon{background:radial-gradient(circle at 30% 140%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.wrapper .social-media:nth-child(2) .icon{background:#0072b1}.wrapper .social-media:nth-child(3) .icon{background:#171515}.wrapper .social-media:nth-child(4) .icon{background:linear-gradient(90deg,#0575e6,#021b79)}.wrapper .social-media span{font-size:20px;font-weight:500;margin-left:10px;transition:all .3s ease-out}.wrapper .social-media:first-child span{color:#30b8e1}.wrapper .social-media:nth-child(2) span{color:#0072b1}.wrapper .social-media:nth-child(3) span{color:#171515}.wrapper .social-media:nth-child(4) span{color:#0d4db4}@media screen and (max-width:500px){.wrapper .social-media:hover{width:50px}}