.tokenomics-container{padding:60px 0;background:#edf3ee;background-position:0 0;background-size:100% 100%}.tokenomics-container,.tokenomics-content{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.tokenomics-content{padding:0 16px;row-gap:50px;margin-bottom:50px}.tokenomics-row{display:flex;flex-direction:row;gap:16px}.tokenomics-column{display:flex;flex-direction:column;gap:16px}.tokenomics-heading{font-size:3rem;font-weight:800;color:#fff;background-color:#005fbf;border:5px solid #000;text-transform:uppercase;text-align:center;transform:perspective(100vw) translate(-10%,-50%) rotateX(-17deg) rotateY(-15deg) rotate(-2deg);padding:8px 16px;position:absolute;top:5%;left:2%}.tokenomics-fig1{aspect-ratio:462.98/346.24;background:url(/img/frogknox/tokfig1.svg);background-size:cover;background-position-x:50%;background-position-y:50%;max-width:480px;transform:translate(-50%) rotate(4deg);font-size:xx-large;font-weight:700;padding-inline:5%;position:relative}.tokenomics-fig1,.tokenomics-fig2{display:flex;align-items:center;justify-content:center;text-align:center}.tokenomics-fig2{padding-inline:12%;width:100%;aspect-ratio:486.67/311.54;background:url(/img/frogknox/tokfig2.svg);background-size:cover;background-position-x:50%;background-position-y:50%;max-width:495.656px;width:495.656px;transform:translate(46%) rotate(-2deg);margin-top:-230px;font-size:21px}.tokenomics-gold-ingot{padding:20px;width:375px;position:relative}.tokenomics-gold-ingot:before{aspect-ratio:785.4119/382.068;background-image:url(/img/frogknox/top-bar.svg);max-width:170.90909%;transform:translate(-4%,-23%);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";display:block;left:0;position:absolute;top:0;width:200%;z-index:0}.tokenomics-gold-ingot-content{position:relative;z-index:1;border:5px solid #000;transform:perspective(1000px) rotate(20deg) rotateX(0) rotateY(-22deg) translate(-8px,-31px);display:flex;align-items:center;justify-content:center;flex-direction:column;background:#fff;padding-inline:12px}.tokenomics-gold-ingot-label{padding:8px;position:absolute;top:-10%;left:50%;transform:translate(-50%,-50%) rotate(-4deg);color:#fff;border:3px solid #000}.tokenomics-gold-ingot-desc{font-size:16px;text-align:center}.tokenomics-gold-ingot-title{font-weight:800;font-size:1.4em}.tokenomics-total{background:#68984d;color:#fff;transform:perspective(100vw) rotateX(-17deg) rotateY(-15deg) rotate(-2deg)}.tokenomics-burn,.tokenomics-total{border:5px solid #000;padding:20px;font-size:24px;font-weight:800;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-stroke-color:#000;-webkit-text-stroke-width:1px}.tokenomics-burn{background:#ed323d;color:#ffe300;transform:perspective(100vw) rotateX(-17deg) rotateY(-20deg) rotate(-5deg)}.tokenomics-burn:before{aspect-ratio:142.85/60.94;background-image:url(/img/frogknox/fire.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";display:block;max-width:50%;position:absolute;right:0;top:0;transform:translate(-10%,calc(-100% + 2px));width:100%;z-index:-1}.tokenomics-team{background:#fff;color:#000;border:5px solid #000;transform:perspective(100vw) rotateX(-13deg) rotateY(-10deg) rotate(-2deg);padding:20px;font-size:24px;font-weight:800}@media (max-width:1024px){.tokenomics-container{width:100%;padding:60px 8px;overflow-x:hidden}.tokenomics-content{row-gap:48px;padding:0}.tokenomics-column,.tokenomics-content{max-width:100%;display:flex;flex-direction:column}.tokenomics-column{width:100%;gap:16px}.tokenomics-fig1{max-width:111%;width:111%;transform:translate(-5%) rotate(4deg);font-size:xx-large;font-weight:700;padding-inline:5%;position:relative}.tokenomics-fig2{max-width:100%;width:495.656px;transform:translate(0) rotate(-2deg);margin-top:-40px;font-size:18px}.tokenomics-row{display:flex;flex-direction:column;width:100%}.tokenomics-total{align-self:center;text-align:center;max-width:90%;transform:perspective(100vw) rotateX(-17deg) rotateY(-15deg) rotate(-2deg) translate(-30px)}.tokenomics-burn{align-self:center;max-width:60%}.tokenomics-team{align-self:center;max-width:80%}}.roadmap-container{width:100%;padding:60px 16px;display:flex;flex-direction:column;background-color:#edf3ee;position:relative;justify-content:center;align-items:flex-start;row-gap:48px}.roadmap-desc-title{position:relative;color:#2db432;font-weight:700;font-size:42px;text-transform:uppercase;text-align:center;padding:32px;border:5px solid #000;background:#fefde9;transform:perspective(100vw) rotate(-2deg) rotateX(10deg) rotateY(-2deg)}.roadmap-content{width:100%;padding:0 16px;display:flex;align-items:flex-start;flex-direction:row;row-gap:32px;column-gap:24px}.roadmap-left{flex:1 1;display:flex;flex-direction:column;row-gap:36px}.roadmap-title{width:180px;overflow:hidden;background:#68984d;height:50px;color:#fff;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-stroke-color:#000;-webkit-text-stroke-width:1px;display:flex;justify-content:center;align-items:center;border-radius:25px;border:2px solid #000}.roadmap-title-container{width:max-content;display:flex;gap:16px}.roadmap-title-container span{width:max-content;font-size:22px;font-weight:800;text-transform:uppercase}@keyframes roadmap-title-movement{0%{transform:translateX(0)}to{transform:translateX(50%)}}.roadmap-title-scroll{display:flex;gap:20px;animation:roadmap-title-movement 10s linear infinite}.roadmap-part{display:flex;align-items:center;justify-content:center;flex-direction:column}@keyframes roadmap-decorate-movement{0%,40%,80%,to{transform:translate(10%,-50%) rotate(10deg) scale(.75)}20%,60%{transform:translate(10%,-50%) rotate(10deg) scale(1)}}.roadmap-title1{transform:translate(-80%,15%) rotate(7deg)}.fig1{width:100%;aspect-ratio:264.91/194.52;background:url(/img/frogknox/rd1.svg);background-size:cover;background-position-x:50%;background-position-y:50%;max-width:190px;width:190px;transform:translate(-105%) rotate(-4deg);font-size:xx-large;font-weight:700}.fig1,.fig2{display:flex;align-items:center;justify-content:center;text-align:center;padding-inline:16px}.fig2{width:100%;aspect-ratio:418.91/228.21;background:url(/img/frogknox/rd2.svg);background-size:cover;background-position-x:50%;background-position-y:50%;max-width:339px;width:339px;transform:translate(9.5%);margin-top:-70px;font-size:21px}.fig3{width:100%;aspect-ratio:529.07/316.06;background:url(/img/frogknox/rd3.svg);background-size:cover;background-position-x:50%;background-position-y:50%;width:420px;max-width:420px;transform:translate(-30%) rotate(5deg)}.fig3,.fig4{display:flex;align-items:center;justify-content:center;padding-inline:5%;text-align:center;font-size:21px;margin-top:-80px}.fig4{width:100%;aspect-ratio:410.58/223.19;background:url(/img/frogknox/rd4.svg);background-size:cover;background-position-x:50%;background-position-y:50%;width:353px;max-width:353px;transform:translate(20%);position:relative}@keyframes helmet-movement{0%,40%,80%,to{transform:translate(10%,-50%) rotate(10deg) scale(.75)}20%,60%{transform:translate(10%,-50%) rotate(10deg) scale(1)}}.fig4-helmet{position:absolute;right:3%;top:-10%;transform:translate(10%,-50%) rotate(10deg) scale(.75)}.fig4-helmet img{width:120px;animation:roadmap-decorate-movement 1s ease infinite}.roadmap-title2{transform:translate(85%,43%) rotate(-11deg)}.fig5{width:100%;aspect-ratio:542.7/188.37;background:url(/img/frogknox/rd5.svg);background-size:cover;background-position-x:50%;background-position-y:50%;max-width:408px;width:408px;transform:translate(10%) rotate(5deg);font-size:xx-large;font-weight:700}.fig5,.fig6{display:flex;align-items:center;justify-content:center;text-align:center;padding-inline:16px}.fig6{width:100%;aspect-ratio:475.74/234.7;background:url(/img/frogknox/rd6.svg);background-size:cover;background-position-x:50%;background-position-y:50%;max-width:370px;width:370px;transform:translate(-15%) rotate(-2deg);margin-top:-44px;font-size:21px;position:relative}.fig6-gold{position:absolute;left:3%;top:6%;transform:translate(10%,-50%) rotate(10deg) scale(.75)}.fig6-gold img{width:120px;animation:roadmap-decorate-movement 1s ease infinite}.fig7{display:flex;align-items:center;justify-content:center;padding-inline:5%;width:100%;text-align:center;font-size:21px;aspect-ratio:461.36/270.17;background:url(/img/frogknox/rd7.svg);background-size:cover;background-position-x:50%;background-position-y:50%;width:359px;max-width:359px;transform:rotate(5deg);margin-top:-45px;align-self:flex-end}.roadmap-title3{transform:translate(-106%,-20%) rotate(-20deg)}.fig8{display:flex;align-items:center;justify-content:center;width:100%;text-align:center;aspect-ratio:421.32/173.05;background:url(/img/frogknox/rd8.svg);background-size:cover;background-position-x:50%;background-position-y:50%;max-width:348px;width:348px;transform:translate(-35%) rotate(-10deg);font-size:xx-large;font-weight:700;padding-inline:16px}.fig8-medal{position:absolute;right:3%;top:3%;transform:translate(10%,-50%) rotate(10deg) scale(.75)}.fig8-medal img{width:120px;animation:roadmap-decorate-movement 1s ease infinite}.fig9{display:flex;align-items:center;justify-content:center;padding-inline:16px;width:100%;text-align:center;aspect-ratio:405.85/243.42;background:url(/img/frogknox/rd9.svg);background-size:cover;background-position-x:50%;background-position-y:50%;max-width:315px;width:315px;transform:translate(40%) rotate(5deg);margin-top:-150px;font-size:21px}.fig10{width:100%;aspect-ratio:477.06/357.41;background:url(/img/frogknox/rd10.svg);background-size:cover;background-position-x:50%;background-position-y:50%;width:378px;max-width:378px;transform:rotate(6deg);margin-top:-84px;align-self:flex-start}.fig10,.fig11{display:flex;align-items:center;justify-content:center;padding-inline:5%;text-align:center;font-size:21px}.fig11{width:100%;aspect-ratio:460.28/296;background:url(/img/frogknox/rd11.svg);background-size:cover;background-position-x:50%;background-position-y:50%;width:358px;max-width:358px;transform:rotate(5deg);margin-top:-200px;align-self:flex-end}.roadmap-whitepapaer{text-align:center;display:flex;align-items:center;justify-content:center}.roadmap-whitepapaer a{display:flex;text-decoration:none;font-size:large;color:#025106}.roadmap-whitepapaer a span{max-width:120px}.roadmap-right{width:40%;position:sticky;top:10px;align-self:flex-start;overflow-y:hidden}.roadmap-img{width:100%;position:relative;z-index:1}@keyframes spinner-roll{0%{transform:translate(-50%,-50%) rotate(1turn) scale(2.75)}to{transform:translate(-50%,-50%) rotate(0) scale(2.75)}}.roadmap-carousal{border-bottom:2px solid #000;border-top:2px solid #000;height:100px}.roadmap-carousal-text{width:max-content;color:#fff;font-size:xx-large;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-stroke-color:#000;-webkit-text-stroke-width:1px;text-transform:uppercase;font-weight:900}@media (max-width:1024px){.roadmap-content{width:100%;padding:0;flex-direction:column}.roadmap-title1{transform:translateY(15%) rotate(-7deg)}.roadmap-left{max-width:100%;width:100%}.fig1{transform:translate(-15%) rotate(-4deg);font-size:x-large}.fig2{max-width:90%;width:339px;transform:translate(5%);margin-top:-10px}.fig3{transform:translate(-10%) rotate(5deg);margin-top:-30px}.fig3,.fig4{max-width:100%}.fig4{width:353px;transform:translate(0);margin-top:-10px}.roadmap-title2{transform:translate(40%,43%) rotate(7deg)}.fig5{max-width:90%}.fig6{margin-top:-14px;width:370px;transform:translate(-5%) rotate(-2deg)}.fig6,.fig7{max-width:100%}.fig7{transform:rotate(5deg);margin-top:-25px;align-self:flex-end}.roadmap-title3{transform:translate(-16%,-20%) rotate(-8deg)}.fig8{max-width:80%;width:348px;transform:translate(-5%,-10%) rotate(-15deg);font-size:xx-large}.fig8-medal{position:absolute;right:auto;top:auto;left:2%;bottom:-10%;transform:translate(0)}.fig8-medal img{width:70px;animation:roadmap-decorate-movement 1s ease infinite}.fig9{max-width:90%;width:315px;transform:translate(10%) rotate(5deg);margin-top:-10px;font-size:21px}.fig10{width:378px;transform:rotate(6deg);margin-top:-24px;align-self:flex-start}.fig10,.fig11{max-width:100%}.fig11{transform:rotate(5deg);margin-top:-40px;align-self:flex-end}.roadmap-right{width:100%;position:relative;top:10px;align-self:flex-start;overflow-y:hidden}.roadmap-spinner{position:absolute;display:block;width:90%;height:90%;top:58%;left:50%;z-index:0;background-image:url(/img/frogknox/spinner.svg);background-repeat:no-repeat;background-size:100%;transform:scale(2);animation:spinner-roll 6s linear infinite}}