@keyframes card1{0%{transform:translate3d(-150px, 12px, 0) rotate(55deg)}50%{transform:translate3d(-150px, 0px, 0) rotate(58deg)}100%{transform:translate3d(-150px, 12px, 0) rotate(55deg)}}@keyframes card2{0%{transform:translate3d(150px, -20px, 0) rotate(-33deg)}50%{transform:translate3d(150px, -10px, 0) rotate(-35deg)}100%{transform:translate3d(150px, -20px, 0) rotate(-33deg)}}@keyframes card3{0%{transform:translate3d(190px, -150px, 0) rotate(20deg)}50%{transform:translate3d(190px, -160px, 0) rotate(22deg)}100%{transform:translate3d(190px, -150px, 0) rotate(20deg)}}@keyframes card4{0%{transform:translate3d(-150px, 0px, 0) rotate(-30deg)}50%{transform:translate3d(-150px, 10px, 0) rotate(-32deg)}100%{transform:translate3d(-150px, 0px, 0) rotate(-30deg)}}@keyframes card5{0%{transform:translate3d(210px, 120px, 0) rotate(-56deg)}50%{transform:translate3d(210px, 130px, 0) rotate(-58deg)}100%{transform:translate3d(210px, 120px, 0) rotate(-56deg)}}@keyframes card1Desktop{0%{transform:translate3d(-280px, -75px, 0) rotate(-33deg)}50%{transform:translate3d(-280px, -107px, 0) rotate(-35deg)}100%{transform:translate3d(-280px, -75px, 0) rotate(-33deg)}}@keyframes card2Desktop{0%{transform:translate3d(150px, -300px, 0) rotate(21deg)}50%{transform:translate3d(150px, -280px, 0) rotate(24deg)}100%{transform:translate3d(150px, -300px, 0) rotate(21deg)}}@keyframes card3Desktop{0%{transform:translate3d(20px, -130px, 0) rotate(-24deg)}50%{transform:translate3d(20px, -140px, 0) rotate(-22deg)}100%{transform:translate3d(20px, -130px, 0) rotate(-24deg)}}@keyframes card4Desktop{0%{transform:translate3d(-500px, -120px, 0) rotate(25deg)}50%{transform:translate3d(-500px, -110px, 0) rotate(23deg)}100%{transform:translate3d(-500px, -120px, 0) rotate(25deg)}}@keyframes card5Desktop{0%{transform:translate3d(-800px, 320px, 0) rotate(-20deg)}50%{transform:translate3d(-800px, 330px, 0) rotate(-23deg)}100%{transform:translate3d(-800px, 320px, 0) rotate(-20deg)}}html{scroll-behavior:smooth}html body{margin:0;background-color:#06111a}html body section{color:#2a91ff;overflow:hidden}html body section h2{font-family:"Organum",serif;font-size:40px;line-height:36px;font-weight:400;letter-spacing:.03em}html body section p{margin-top:12px}@media(min-width: 1280px){html body section p{margin-top:24px}}html body section#title{margin-top:54px}html body section#title p{margin-top:24px}html body section#title .row{position:relative}html body section#title #storeButtons{margin-top:36px;display:flex;align-items:center;justify-content:space-between}@media(max-width: 767px){html body section#title #storeButtons img{width:initial;height:40px}}html body section#title .floatingCards img:first-child{animation:card1 4500ms ease-in-out infinite}html body section#title .floatingCards img:last-child{animation:card2 6000ms ease-in-out infinite}@media(min-width: 1280px){html body section#title{padding-top:50px;padding-bottom:180px}html body section#title h1{font-family:"Organum",serif;font-size:120px;line-height:120px;font-weight:400;letter-spacing:0em}html body section#title .floatingCards img:first-child{animation:card1Desktop 4500ms ease-in-out infinite}html body section#title .floatingCards img:last-child{animation:card2Desktop 6000ms ease-in-out infinite}}html body section#what img{box-shadow:4px 4px 8px rgba(0,0,0,.8);margin-top:24px}@media(min-width: 1280px){html body section#what img{margin-top:0}}html body section#howAndWho{margin-top:48px}html body section#howAndWho p.noMargin{margin:0}html body section#howAndWho #howButtons{margin-top:24px}html body section#howAndWho #howButtons .button{margin-top:12px}@media(min-width: 1280px){html body section#howAndWho #howButtons #downloadTouch{display:none}}@media(max-width: 1279px){html body section#howAndWho #howButtons #downloadDesktop{display:none}}html body section#howAndWho #who #shareButton{margin-top:24px;display:flex;align-items:center;gap:6px}html body section#howAndWho #who #shareButton img{width:16px;height:16px}html body section#howAndWho .floatingCards img:nth-child(1){animation:card3 5000ms ease-in-out infinite}html body section#howAndWho .floatingCards img:nth-child(2){animation:card4 6000ms ease-in-out infinite}html body section#howAndWho .floatingCards img:nth-child(3){animation:card5 7000ms ease-in-out infinite}@media(min-width: 1280px){html body section#howAndWho{margin-top:0;padding-top:72px;padding-bottom:120px}html body section#howAndWho .floatingCards img:nth-child(1){animation:card3Desktop 4500ms ease-in-out infinite}html body section#howAndWho .floatingCards img:nth-child(2){animation:card4Desktop 6000ms ease-in-out infinite}html body section#howAndWho .floatingCards img:nth-child(3){animation:card5Desktop 6000ms ease-in-out infinite}html body section#howAndWho #who{margin-top:166px}}html body section#shop{display:block;position:relative;margin-top:72px;background-image:url("https://gameofbonk.com/gfx/posters.webp");background-position:center;background-size:contain;background-repeat:no-repeat;background-color:#bbada4;height:211px;overflow:hidden}@media(min-width: 768px)and (max-width: 1279px){html body section#shop{height:500px}}@media(min-width: 1280px){html body section#shop{height:700px;margin-top:0}}html body section#shop #shopOverlay{position:absolute;right:32px;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;color:#fff;transition:right 500ms ease}html body section#shop #shopOverlay #shopButton{position:absolute;right:-30px;width:60px;height:60px;border-radius:60px;display:flex;align-items:center;justify-content:center;text-align:center;border:0;outline:0;background-color:#06111a;color:#fff;text-decoration:none;font-family:"Outfit",sans-serif;font-size:14px;line-height:18px;font-weight:200;letter-spacing:0;transition:right .5s ease}html body section#shop #shopOverlay #shopButton:hover{background-color:#d36763}@media(min-width: 1280px){html body section#shop #shopOverlay{right:72px}html body section#shop #shopOverlay #shopButton{font-family:"Outfit",sans-serif;font-size:20px;line-height:25px;font-weight:500;letter-spacing:1.18px;right:-65px;width:130px;height:130px;border-radius:130px}html body section#shop #shopOverlay h2{font-family:"Organum",serif;font-size:120px;line-height:120px;font-weight:400;letter-spacing:0em}}html body section#games{margin-top:48px}html body section#games img{margin-top:24px}@media(min-width: 1280px){html body section#games{margin-top:120px}}html body section#community{margin-top:60px;color:#2a91ff}html body section#community #communityBanner{margin-top:24px;display:block;height:169px;background-image:url("/gfx/community_desktop.webp");background-position:center center;background-size:cover}@media(min-width: 768px)and (max-width: 1279px){html body section#community #communityBanner{height:300px}}@media(min-width: 1280px){html body section#community{margin-top:120px}html body section#community #communityBanner{height:652px;background-image:url("/gfx/community_desktop.webp");background-color:#000}html body section#community #communityBanner:hover{background-color:#00306a}}html body section#quote{margin-top:60px;font-family:"Organum",serif;font-size:28px;line-height:28px;font-weight:400;letter-spacing:.03em;overflow:visible}@media(min-width: 1280px){html body section#quote{margin-top:120px;font-family:"Organum",serif;font-size:75px;line-height:80px;font-weight:400;letter-spacing:4.23px}}html body section#footer{margin-top:112px;margin-bottom:36px;color:#fff}html body section#footer a{text-decoration:none;color:#fff}html body section#footer #socialMediaIcons{margin-top:12px;display:flex;align-items:center}html body section#footer #socialMediaIcons img{margin-right:12px;width:36px;height:auto}html body .floatingCards{position:relative;z-index:-1;height:350px;display:flex;align-items:center;justify-content:center}html body .floatingCards img{width:180px;position:absolute}@media(min-width: 1280px){html body .floatingCards{height:0px;justify-content:flex-end}html body .floatingCards img{width:300px}}html body.no-scroll{overflow:hidden}section{scroll-margin-top:72px}@media(min-width: 1280px){section{scroll-margin-top:72px}}