.app{display:flex;flex-direction:row;justify-content:center}.app .count{margin-bottom:2rem;text-align:center;display:flex;margin-left:10rem}.app .count h3{line-height:8.6rem;margin-right:1rem}.app .count h1{font-size:5em;margin-top:2rem}.app .buttons button{width:4rem;height:4rem;border-radius:50%;margin:0 2.5rem;color:#fff;border:3px solid #fff;font-size:5em;cursor:pointer;background-color:transparent}.app .buttons button:hover{font-size:6em}.app .buttons button:focus{outline:0}body{overflow-x:hidden;scroll-behavior:smooth}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{font-size:10px;font-family:"Poppins";scroll-behavior:smooth}body{background:radial-gradient(50% 50% at 50% 50%,#1d2454 0,#0b0e27 100%)}a{text-decoration:none;color:#fff}button{cursor:pointer}.navigation{position:fixed;top:0;left:0;z-index:99;width:100%;grid-template-columns:1fr 6fr 1fr;padding:3em 6em;background:radial-gradient(225.88% 225.88% at 50% 50%,rgba(11,14,39,.4) 0,#0b0e27 42.28%)}.navigation,.navigation ul{display:grid;align-items:center}.navigation ul{margin:0 4em;grid-auto-flow:column;list-style:none;font-size:1.6em;color:#fff}.navigation ul li:first-of-type{color:#b9faf5}.navigation-logo{width:100%}.navigation-contactbtn{background-color:#b9faf5;padding:.8em;border:none;border-radius:.6em;outline:none;width:10em}.for_flex_hide{display:none}ul.mobile_nav{max-height:600px;height:-webkit-max-content;height:max-content;display:block;width:150px;transition:.3s;position:absolute;text-align:center;left:0;background:radial-gradient(225.88% 225.88% at 50% 50%,rgba(11,14,39,.9) 0,#0b0e27 47.28%);width:100%;top:70px}@media (min-width:280px) and (max-width:450px){.for_flex_hide{display:block!important}.topnav{display:none!important}.navigation{display:flex;justify-content:center}.navigation-logo{width:80px;position:absolute;left:20px}}@media only screen and (max-width:768px){.navigation{font-size:7px;grid-template-columns:1fr 8fr .5fr}.navigation-contactbtn{font-size:1.4em;background-color:#b9faf5;padding:.6em .1em;border:none;border-radius:.6em;outline:none;width:7em;position:absolute;right:20px}.for_flex_hide{display:none}}@media only screen and (max-width:1024px){.for_flex_hide{display:none}.navigation{padding:3em 6em}.navigation ul{margin:0;padding:0 20px}}.footer{height:285px;background-size:cover;background-repeat:no-repeat}.footer-wrapper{padding:2em 14em;width:100%;height:100%;background:radial-gradient(225.88% 225.88% at 50% 50%,rgba(11,14,39,.4) 0,#0b0e27 42.28%);box-shadow:0 -2px 60px 5px rgba(185,250,245,.1);display:grid;grid-auto-flow:column;justify-content:space-between;align-items:center}.footer-content img{width:30em}.footer-content-text{color:#fff;font-size:1.6em;line-height:2.4em}.footer-icons .footer-icon-wrapper{width:6em;height:6em;border:1px solid #b9faf5;border-radius:3em;background:rgba(185,250,245,.2);display:grid;place-items:center;margin:1em}@media only screen and (max-width:768px){.footer{font-size:7px}}@media (min-width:300px) and (max-width:450px){.footer-wrapper{padding:2em!important}}@media only screen and (max-width:1024px){.footer-wrapper{padding:2em 3em}}.discord-btn{color:#b9faf5;border:.6px solid #b9faf5;border-radius:12px;padding:1em 2.4em;font-size:1.3em;background-color:#3434b4;box-shadow:0 0 30px rgba(185,250,245,.25)}.mint-btn{background-color:transparent;padding:.6em 1.6em;border:1px solid #b9faf5;border-radius:3em}.mint-btn>p{color:#b9faf5;font-size:1.6em;text-shadow:0 10px 60px rgba(185,250,245,.9)}.tunned-btn{background-color:transparent;border:2px solid #c9b1f5;border-radius:3em;padding:1em 2.2em;box-shadow:inset 0 0 1px #fff,inset 0 0 8px #fff,0 0 4px #fff}.tunned-btn-text{font-size:1.5em;color:#c9b1f5;text-shadow:0 0 1px #fff,0 0 8px #fff,0 0 16px #fff}@media (min-width:320px) and (max-width:425px){.discord-btn{padding:.5em!important;font-size:1.3em!important}}@media only screen and (max-width:1024px){.discord-btn{padding:.5em 2.4em}}.heading-primary{font-weight:900;font-size:4.6em;line-height:2em;color:#b9faf5;text-shadow:0 10px 60px rgba(185,250,245,.4)}.heading-primary-sub{color:#b9faf5;font-weight:600;font-size:2.4em;line-height:2em}.heading-primary--sub{padding:0 5em;text-align:center;color:#fff;font-weight:600;font-size:1.6em;line-height:2.4em;text-shadow:0 10px 60px hsla(0,0%,100%,.4)}.heading-primary.heading-primary--purple{color:#c9b1f5}.header{width:100vw;height:100vh;position:relative;background:radial-gradient(50% 50% at 50% 50%,#1d2454 0,#0b0e27 100%);overflow:hidden}.header-content{width:50%;position:absolute;top:18%;left:20%;background:transparent}.header-heading{color:#fff;font-weight:900;font-size:7em;line-height:100px;text-shadow:0 10px 60px hsla(0,0%,100%,.4);position:relative;z-index:1}.header-heading:after{font-size:1.1em;content:"Ocean Life";position:absolute;top:15%;left:-3%;opacity:.02;z-index:-1}.header-heading:after,.header-intro{color:#b9faf5;text-shadow:0 10px 60px hsla(0,0%,100%,.4)}.header-intro{font-weight:600;font-size:2em;line-height:30px;margin-bottom:1.2em}.header-render{width:100%;z-index:3}.header-wave{width:100%}.header #scene-wrapper-1{width:110%;position:absolute;top:32%;left:-5%}.header #scene-wrapper-2{width:110%;position:absolute;top:40%;right:-5%}.header #scene-wrapper-3{width:110%;position:absolute;top:45%;left:-5%}.header #scene-wrapper-4{width:110%;position:absolute;top:55%;right:-5%;z-index:4}.header #scene-wrapper-5{position:absolute;right:0;bottom:90px;z-index:3;width:30%}.header-wave#wave-3{bottom:-280px}.header-wave#wave-4{bottom:-320px;z-index:4}@-webkit-keyframes wave{0%{margin-left:0}to{margin-left:-1600px}}@keyframes wave{0%{margin-left:0}to{margin-left:-1600px}}@media only screen and (min-width:300px) and (max-width:450px){.header-content{top:14%!important;width:100%!important;text-align:center}.header-heading{font-size:2em!important;line-height:60px!important}.header-intro{font-size:1em!important;line-height:18px!important}.header-content{width:auto!important;left:2%!important}.header #scene-wrapper-1{top:42%}.header #scene-wrapper-2{top:50%}.header #scene-wrapper-3{top:55%}.header #scene-wrapper-4{top:65%}.header #scene-wrapper-5{width:50%!important;bottom:195px!important}.discord-btn{padding:.2em 1.4em}}@media only screen and (max-width:320px){.header #scene-wrapper-5{width:60%!important}}@media only screen and (max-width:768px){.header-content{top:12%}.header-heading{font-size:5em;line-height:80px}.header-intro{font-size:1.6em}.header #scene-wrapper-1{top:42%}.header #scene-wrapper-2{top:50%}.header #scene-wrapper-3{top:55%}.header #scene-wrapper-4{top:65%}.header #scene-wrapper-5{width:35%;bottom:130px;right:-12px}}@media only screen and (max-width:1024px){.header-content{width:60%;position:absolute;top:18%;left:4%;background:transparent}.header-heading{font-size:4.5em;line-height:80px}.header-intro{font-size:1.7em;line-height:26px;margin-bottom:1em}.header #scene-wrapper-5{width:35%;bottom:130px;right:-12px}}.mintbox{margin-top:332px;position:relative}.mintbox-margin{width:100vw;height:360px;background:linear-gradient(180deg,rgba(26,34,100,0) .01%,#0f122c 44.79%,#10132d 60.94%,rgba(16,19,45,0));z-index:99;position:absolute;top:-505px;left:0}.mintbox-box{width:60%;margin:0 auto;border:1px solid #fff;border-radius:1.2em;display:grid;place-items:center;padding:5em}.mintbox-box .mintbox-clock{position:absolute;top:-50px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);width:25%;display:grid;grid-auto-flow:column;align-items:center;justify-content:space-evenly;text-align:center;border:1px solid #b9faf5;border-radius:1.2em;padding:1em .5em;background:#0b0e27;box-shadow:0 4px 10px rgba(185,250,245,.1)}.mintbox-box .mintbox-clock .colun{color:#fff;font-size:3.2em;align-self:end}.mintbox-box .mintbox-clock>div p:first-of-type{color:#b9faf5;font-size:1.4em}.mintbox-box .mintbox-clock>div p:nth-of-type(2){color:#fff;font-size:3.2em}.mintbox-box h2{color:#b9faf5;font-weight:900;font-size:4.6em;line-height:2em;text-shadow:0 10px 60px hsla(0,0%,100%,.4)}.mintbox-box>p{color:#fff;font-weight:600;font-size:1.4em;line-height:2.2em;text-align:center}.mintbox-box-body{display:grid;grid-template-columns:1fr 1fr;width:95%;margin:4em 0}.mintbox-box-body .mintbox-box-render{width:30em}.mintbox-box-body .mintbox-box-controls{border:1px solid #b9faf5;border-radius:1.2em;background:rgba(185,250,245,.2);display:grid;place-items:center;padding:35px}.mintbox-box-body .mintbox-box-controls--heading{color:#c9b1f5}.mintbox-box-body .mintbox-box-controls--units{color:#fff;font-size:3.5em;font-weight:900;text-align:center;letter-spacing:.05em}.mintbox-box-body .mintbox-box-controls--counterInfo{color:#fff;font-size:1.5em;font-weight:100;text-align:center;letter-spacing:.05em;padding-top:1em}.mintbox-box-body .mintbox-box-controls--totalEth{color:#fff;font-size:1.5em;font-weight:300;text-align:center;letter-spacing:.05em;padding:5px;background:rgba(0,0,0,.4117647058823529)}@media only screen and (max-width:768px){.mintbox-box{width:90%!important}.mintbox-box .mintbox-clock{width:50%}}@media (min-width:300px) and (max-width:450px){.mintbox{padding:0!important;margin-top:200px}.mintbox h2{font-size:3.5em!important}.mintbox>p{font-size:1.2em!important}.mintbox-box{width:90%!important;padding:4em 2em 2em!important;place-items:center!important;justify-content:center!important}.mintbox-box .mintbox-clock{width:75%!important}.mintbox-box-body{grid-template-columns:auto;width:100%!important}.mintbox-box-body .mintbox-box-controls{margin:0 auto!important}.mintbox-box-body .mintbox-box-render{width:30em;margin:0 auto}.tunnedBtn{justify-content:center}}@media only screen and (max-width:1024px){.mintbox-box{width:950px}}.about{display:grid;grid-auto-flow:column;place-items:center;grid-gap:6em;gap:6em;width:60%;margin:100px auto}.about-image{padding-top:4em;width:40em}.about-content{color:#fff}.about-content>p{font-weight:600;font-size:1.6em;line-height:2.4em;text-shadow:0 10px 60px hsla(0,0%,100%,.4)}.about-image{-webkit-animation:action 3s infinite alternate;animation:action 3s infinite alternate}@media only screen and (max-width:768px){.about{font-size:7px;width:90%!important;margin-top:50px;height:auto}}@media (min-width:300px) and (max-width:450px){.about{width:90%!important;grid-auto-flow:row!important}.about-content{text-align:center}}@media only screen and (max-width:1024px){.about{width:950px;margin-top:10em}}.donation{display:grid;grid-auto-flow:column;place-items:center;grid-gap:6em;gap:6em;width:60%;margin:100px auto}.donation-image{padding-top:4em;width:40em}.donation-content{color:#fff}.donation-content>p{font-weight:600;font-size:1.6em;line-height:2.4em;text-shadow:0 10px 60px hsla(0,0%,100%,.4)}.donation-image{-webkit-animation:action 3s infinite alternate;animation:action 3s infinite alternate}@media only screen and (max-width:768px){.donation{width:90%!important;font-size:7px;min-height:70vh}}@media (min-width:300px) and (max-width:450px){.donation{margin-top:50px;grid-auto-flow:row!important;width:90%!important;margin-bottom:100px}.donation-content{text-align:center;order:1}}@media only screen and (max-width:1024px){.donation{width:950px}}.team{display:grid;grid-auto-flow:column;place-items:center;grid-gap:6em;gap:6em;width:60%;margin:100px auto}.team-image{padding-top:4em;width:40em}.team-content{color:#fff}.team-content>h2{font-weight:900;font-size:4.6em;line-height:2em;color:#b9faf5}.team-content>h2,.team-content>p{text-shadow:0 10px 60px hsla(0,0%,100%,.4)}.team-content>p{font-weight:600;font-size:1.6em;line-height:2.4em}.team-image{-webkit-animation:action 3s infinite alternate;animation:action 3s infinite alternate}@media only screen and (max-width:768px){.team{width:90%!important;font-size:7px;height:auto}}@media (min-width:300px) and (max-width:450px){.team{grid-auto-flow:row!important;align-items:start!important;text-align:center;width:90%!important}}@media only screen and (max-width:1024px){.team{width:950px}}.play{display:grid;grid-auto-flow:column;place-items:center;grid-gap:6em;gap:6em;width:60%;margin:100px auto}.play-image{padding-top:4em;width:40em}.play-content{color:#fff}.play-content>h2{font-weight:900;font-size:4.6em;line-height:2em;color:#b9faf5}.play-content>h2,.play-content>p{text-shadow:0 10px 60px hsla(0,0%,100%,.4)}.play-content>p{font-weight:600;font-size:1.6em;line-height:2.4em}.play-image{-webkit-animation:action 3s infinite alternate;animation:action 3s infinite alternate}@-webkit-keyframes action{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(-50px);transform:translateY(-50px)}}@keyframes action{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(-50px);transform:translateY(-50px)}}@media only screen and (max-width:768px){.play{width:90%!important;font-size:7px;height:auto}}@media (min-width:300px) and (max-width:450px){.play{grid-auto-flow:row!important;margin-top:150px!important;text-align:center;width:90%!important}.play-content{order:1}}@media only screen and (max-width:1024px){.play{width:950px;height:auto}}.sailmap{display:flex;justify-content:center;flex-wrap:wrap;margin-top:150px}.sailmap-animation{width:60%;display:flex;position:relative;align-items:flex-end}.sailmap-wrapper{width:60%;min-height:80em;margin:0 auto;border:1px solid #fff;border-radius:1.2em;display:flex;flex-wrap:wrap;justify-content:center;padding:5em 2em}.sailmap-item:hover{background-color:rgba(201,177,245,.21176470588235294)}.sailmap-item{display:grid;align-items:center;grid-template-columns:1fr .1fr 4fr;border:1px solid #b9faf5;border-radius:1.2em;background:rgba(185,250,245,.2);padding:1em 2em;margin:2em 0}.sailmap-item>div:first-of-type{display:grid;align-items:center;justify-content:center}.sailmap-item>div:nth-of-type(2){height:80%;width:.1em;background-color:#b9faf5;margin-right:4em}.sailmap-item-year{text-align:center;color:#c9b1f5;font-style:normal;font-weight:400;font-size:1.6em;line-height:2.4em}.sailmap-item-month{text-align:center;color:#fff;font-weight:900;font-size:2.5em;text-transform:uppercase}.sailmap-item-description--1,.sailmap-item-description--2{color:#fff;font-size:1.6em;line-height:2.4em;text-shadow:0 10px 60px hsla(0,0%,100%,.8)}.sailmap .animation-boat{width:100%}.sailmap .boatToAnimate{position:absolute}.scrollWrapper::-webkit-scrollbar{width:6px}.scrollWrapper::-webkit-scrollbar-track{background:transparent;border:1px solid #b9faf5;border-radius:12px}.scrollWrapper::-webkit-scrollbar-thumb{background:#b9faf5;border-radius:12px}.discordBtn{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;margin-top:10em}img.forHov,img.nonHov{display:block}.scrollWrapper{width:100%;overflow-y:scroll;height:48em;padding:0 5em}.lighthouse_to{width:1122px;height:150px;margin-bottom:-10px}.boat-animate{text-align:left;margin-bottom:-185px}@media only screen and (max-width:768px){.sailmap-wrapper{font-size:7px}.sailmap-animation,.sailmap-wrapper{width:90%!important}}@media (min-width:300px) and (max-width:450px){.sailmap{margin-top:150px!important}.sailmap-wrapper{width:90%!important;padding:2em!important}.sailmap-item{text-align:center!important;grid-template-columns:auto!important;padding:1em 4em}.sailmap-animation{width:100%}.boatToAnimate{width:60px}}@media only screen and (max-width:1024px){.sailmap-animation,.sailmap-wrapper{width:950px}}ul.mobile_nav li{padding:5px}.for_flex_hide{text-align:center}.faq{margin-top:100px;margin-bottom:100px}.faq,.faq-wrapper{display:grid;place-items:center}.faq-wrapper{width:60%;margin:0 auto;align-items:center;padding:5em}.faq-wrapper-item{width:100%;height:100%;margin:1em 0;position:relative}.faq-position-absolute{display:grid;grid-auto-flow:column}.faq img.faq-icon{margin-left:.3em}.faq-item{cursor:pointer;position:relative;width:100%;border:1px solid #b9faf5;border-radius:1.2em;background:rgba(185,250,245,.2);padding:1.2em;margin:1.4em 0}.faq-item-text{color:#fff;font-size:1.8em;line-height:2em;text-shadow:0 10px 60px hsla(0,0%,100%,.8);border-left:2px solid #b9faf5;padding-left:1em}.faq-item-description{font-size:1.6em;line-height:2em;color:#222;background-color:#fff;border:1px solid #b9faf5;border-radius:1.2em;padding:2em;display:block;position:absolute;z-index:1}.faq-item span{position:absolute;top:50%;right:2%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@-webkit-keyframes open{0%{display:0}to{display:block}}@keyframes open{0%{display:0}to{display:block}}.faq-icon{-webkit-transform-origin:left top;transform-origin:left top;-webkit-animation:scale 3s ease-in-out infinite alternate;animation:scale 3s ease-in-out infinite alternate}@-webkit-keyframes scale{0%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes scale{0%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@media only screen and (max-width:768px){.faq{font-size:7px}.faq-wrapper{width:90%!important}}@media (min-width:300px) and (max-width:450px){.faq{margin-top:150px!important}.faq-wrapper{padding:0!important;width:90%!important;margin:0 auto}.faq-wrapper-item{padding:1em}.faq-position-absolute{grid-auto-flow:row!important;margin:0 auto!important;place-items:center!important;text-align:center}.faq-item{padding:1.2em 5em 1.2em 2em!important}}@media only screen and (max-width:1024px){.faq-wrapper{width:950px}}
/*# sourceMappingURL=main.8cb9c31b.chunk.css.map */