.aboutsection{display:flex;flex-direction:column;align-items:center;gap:20px}@media screen and (min-width:920px){.aboutsection{min-height:80vh;padding:30px 50px}}@media screen and (max-width:920px){.aboutsection{min-height:50vh;padding:20px 30px}}.aboutsection .aboutheader{font-family:ComicFontKomi}@media screen and (min-width:920px){.aboutsection .aboutheader{font-size:50px}}@media screen and (max-width:920px){.aboutsection .aboutheader{font-size:20px}}.aboutsection .aboutbody{display:flex;justify-content:space-between;gap:50px}@media screen and (max-width:920px){.aboutsection .aboutbody{flex-direction:column;gap:20px}}@media screen and (min-width:920px){.aboutsection .aboutbody .aboutimage{width:50%}}@media screen and (max-width:920px){.aboutsection .aboutbody .aboutimage{width:100%}}.aboutsection .aboutbody .aboutimage img{border-radius:25px;width:100%}@media screen and (min-width:920px){.aboutsection .aboutbody .aboutimage img{max-height:70vh}}@media screen and (max-width:920px){.aboutsection .aboutbody .aboutimage img{max-height:20vh}}.aboutsection .aboutbody .aboutcontent{display:flex;justify-content:center;align-items:center}@media screen and (min-width:920px){.aboutsection .aboutbody .aboutcontent{width:50%}}@media screen and (max-width:920px){.aboutsection .aboutbody .aboutcontent{width:100%}}.aboutsection .aboutbody .aboutcontent p{font-family:ComicFontKomi;text-align:center}@media screen and (min-width:920px){.aboutsection .aboutbody .aboutcontent p{font-size:32px;line-height:3rem}}@media screen and (max-width:920px){.aboutsection .aboutbody .aboutcontent p{font-size:20px;line-height:2rem}}.aboutsection .aboutfooter{display:flex;background:rgba(0,0,0,.814);border-radius:20px;color:#fff;font-family:ComicFontKomi}@media screen and (min-width:920px){.aboutsection .aboutfooter{padding:10px 30px;font-size:20px}}@media screen and (max-width:920px){.aboutsection .aboutfooter{padding:10px;font-size:10px}}.aboutsection .aboutfooter p{letter-spacing:2px}@font-face{font-family:ComicFont;src:url(/fonts/koni.otf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.tokenomics-section{background-image:url(/tokenomics.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;display:flex;align-items:center;flex-direction:column}@media screen and (min-width:920px){.tokenomics-section{min-height:80vh;padding:20px 50px;gap:30px}}@media screen and (max-width:920px){.tokenomics-section{min-height:50vh;padding:10px 30px;gap:10px}}.tokenomics-section .tokenomics-header{color:#fff;font-family:ComicFont}@media screen and (min-width:920px){.tokenomics-section .tokenomics-header{font-size:70px;padding:20px 0}}@media screen and (max-width:920px){.tokenomics-section .tokenomics-header{font-size:30px;padding:20px 0}}.tokenomics-section .tokenomics-card-section{display:flex;flex-wrap:wrap;justify-content:space-between;gap:35px;width:100%}.tokenomics-section .tokenomics-card-section .token-card-base{background:#929292;border:5px solid rgba(146,146,146,.676);position:relative}@media screen and (min-width:920px){.tokenomics-section .tokenomics-card-section .token-card-base{min-height:120px;width:27%;border-radius:20px}}@media screen and (max-width:920px){.tokenomics-section .tokenomics-card-section .token-card-base{min-height:60px;width:100%;border-radius:10px}}.tokenomics-section .tokenomics-card-section .token-card-base .token-card{position:absolute;background:#fff;width:100%;top:-20px;left:-15px;border:5px solid rgba(146,146,146,.676);display:flex;justify-content:center;align-items:center;font-family:ComicFont;text-align:center}@media screen and (min-width:920px){.tokenomics-section .tokenomics-card-section .token-card-base .token-card{min-height:120px;border-radius:20px;font-size:35px}}@media screen and (max-width:920px){.tokenomics-section .tokenomics-card-section .token-card-base .token-card{min-height:60px;border-radius:10px;font-size:25px}}.step-container{display:flex;align-items:center;flex-direction:column;font-family:ComicFontKomi;color:#000}@media screen and (min-width:920px){.step-container{padding:20px 40px}}@media screen and (max-width:920px){.step-container{padding:10px 20px}}.step-container .step-header{font-family:ComicFontKomi}@media screen and (min-width:920px){.step-container .step-header{font-size:60px}}@media screen and (max-width:920px){.step-container .step-header{font-size:30px}}.step-container .steps-section{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px}.step-container .steps-section .step{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}@media screen and (min-width:920px){.step-container .steps-section .step{width:40%;justify-content:space-between}}@media screen and (max-width:920px){.step-container .steps-section .step{width:100%;justify-content:center}}.step-container .steps-section .step .step-image{width:100%;display:flex;justify-content:center;align-items:center}.step-container .steps-section .step .step-image img{width:40%}.step-container .steps-section .step .step-label{text-align:center}@media screen and (min-width:920px){.step-container .steps-section .step .step-label{font-size:40px}}@media screen and (max-width:920px){.step-container .steps-section .step .step-label{font-size:20px}.step-container .steps-section .step .step-description{font-size:10px}}@font-face{font-family:ComicFontKomi;src:url(/fonts/koni.otf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.main .banner{background-size:cover;background-position:50%;background-repeat:no-repeat;display:flex;flex-direction:column;padding:30px 50px;color:#fff}@media screen and (min-width:920px){.main .banner{background-image:url(/goonerbanner.PNG)}}@media screen and (max-width:920px){.main .banner{background-image:url(/goonerbanner.PNG)}}@media screen and (min-width:920px){.main .banner{min-height:95vh}}@media screen and (max-width:920px){.main .banner{min-height:50vh}}.main .banner .bannerheader{display:flex;justify-content:center;align-items:center;font-family:ComicFontKomi}@media screen and (min-width:920px){.main .banner .bannerheader{font-size:70px}}@media screen and (max-width:920px){.main .banner .bannerheader{font-size:30px}}.main .banner .bannerfooter{margin-top:auto;display:flex}@media screen and (min-width:920px){.main .banner .bannerfooter{justify-content:space-between}}@media screen and (max-width:920px){.main .banner .bannerfooter{justify-content:space-around}}.main .banner .bannerfooter .bannerbutton button{border:none;border-radius:10px;background:#000;font-family:ComicFont;color:#faebd7;padding:10px;display:flex;justify-content:center;align-items:center;gap:10px}@media screen and (min-width:920px){.main .banner .bannerfooter .bannerbutton button{font-size:28px;min-width:170px;min-height:50px}}@media screen and (max-width:920px){.main .banner .bannerfooter .bannerbutton button{font-size:10px;min-width:100px;min-height:30px}}@media screen and (min-width:920px){.main .banner .bannerfooter .bannerbutton .xbanner-button{font-size:20px}}@media screen and (max-width:920px){.main .banner .bannerfooter .bannerbutton .xbanner-button{font-size:8px}}.presale-section{display:flex;justify-content:space-around;align-items:center;font-family:ComicFont;gap:10px}@media screen and (max-width:920px){.presale-section{flex-direction:column}}.presale-section .presale-details{display:flex;flex-direction:column;align-items:center;padding:10px}.presale-section .presale-details .pd-image img{width:250px}.presale-section .presale-details .pd-button button{border:none;border-radius:10px;background:#000;font-family:ComicFont;color:#faebd7;padding:10px;display:flex;justify-content:center;align-items:center;gap:10px}@media screen and (min-width:920px){.presale-section .presale-details .pd-button button{font-size:20px;min-width:120px;min-height:50px}}@media screen and (max-width:920px){.presale-section .presale-details .pd-button button{font-size:10px;min-width:100px;min-height:30px}}.presale-section .presale-buttons-container{background-color:rgba(92,91,91,.58);border-radius:20px;padding:15px 20px}.presale-section .presale-buttons-container .pb,.presale-section .presale-buttons-container .pb .pbb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.presale-section .presale-buttons-container .pb .pbb button{border:none;border-radius:10px;background:#000;font-family:ComicFont;color:#faebd7;padding:10px;display:flex;justify-content:center;align-items:center;gap:10px}@media screen and (min-width:920px){.presale-section .presale-buttons-container .pb .pbb button{font-size:16px;min-width:120px}}@media screen and (max-width:920px){.presale-section .presale-buttons-container .pb .pbb button{font-size:10px;min-width:100px}}.countdown-container{display:flex;align-items:center}.countdown-container .countdown-number{display:flex;gap:10px;justify-content:center;align-items:center;background-color:rgba(92,91,91,.362);padding:10px;border-radius:16px}.countdown-container .countdown-number .countdown-number-div{display:flex;gap:5px;flex-direction:column;justify-content:center;align-items:center}