div#quotesWidget{overflow:hidden;scrollbar-width:none;-ms-overflow-style:none;width:100%}div#quotesWidget::-webkit-scrollbar{display:none}div#quotesWidget div#quotesFlex{display:flex;flex-direction:row;align-items:flex-start;width:max-content;will-change:transform}div#quotesWidget .quote{flex:0 0 250px;width:250px;padding:20px;text-align:center}div#quotesWidget .quote h3{font-family:"Organum",serif;font-size:28px;line-height:28px;font-weight:400;letter-spacing:.03em;overflow:visible}div#quotesWidget .quote .author{margin-top:24px;font-family:"Outfit",sans-serif;font-size:16px;line-height:24px;font-weight:200;letter-spacing:1.16px}@media(min-width: 1280px){div#quotesWidget .quote{flex:0 0 350px;width:350px;padding:40px}div#quotesWidget .quote h3{font-family:"Organum",serif;font-size:40px;line-height:36px;font-weight:400;letter-spacing:.03em}}@keyframes bounce{0%{transform:translate3d(0, 0, 0)}50%{transform:translate3d(0, -10px, 0)}100%{transform:translate3d(0, 0, 0)}}html{scroll-behavior:smooth}html #navbar-desktop:not(.detached){background-color:rgba(0,0,0,0)}html body{margin:0;background-color:#06111a}html body main .floatingCardsDesktop{display:none}@media(min-width: 1280px){html body main .floatingCardsDesktop{display:block;position:relative}html body main .floatingCardsDesktop img{position:absolute}html body main .floatingCardsDesktop div.bounce{animation-name:bounce;animation-duration:6.4s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-delay:var(--bounce-delay, 0s)}html body main .floatingCardsDesktop div.bounce:nth-child(1){--bounce-delay: 0s}html body main .floatingCardsDesktop div.bounce:nth-child(2){--bounce-delay: -0.2s}html body main .floatingCardsDesktop div.bounce:nth-child(3){--bounce-delay: -0.4s}html body main .floatingCardsDesktop div.bounce:nth-child(4){--bounce-delay: -0.6s}html body main .floatingCardsDesktop div.bounce:nth-child(5){--bounce-delay: -0.8s}html body main .floatingCardsDesktop img.card{width:223px;height:312px;box-shadow:-4px 4px 8px rgba(0,0,0,.8)}}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:36px;overflow:visible}html body section#title #titleCardMobile{transform:rotate(12deg);box-shadow:-4px 4px 8px rgba(0,0,0,.8)}@media(min-width: 1280px){html body section#title #titleCardMobile{display:none}}html body section#title .floatingCardsDesktop img#card0{top:-350px;left:550px;transform:translate(-50%) rotate(35deg)}html body section#title .floatingCardsDesktop img#card1{top:0;left:-350px;transform:rotate(42deg)}html body section#title .floatingCardsDesktop img#triplet{top:-70px;right:-220px;width:454px;height:423px}html body section#title .floatingCardsDesktop img#card2{top:420px;left:-340px;transform:rotate(-14deg)}html body section#title .floatingCardsDesktop img#histraight{top:240px;right:220px;width:499px;height:435px}html body section#title .floatingCardsDesktop img#card3{top:400px;right:-130px;transform:rotate(-23deg)}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 h1{line-height:1.2}@media(min-width: 1280px){html body section#title{margin-top:36px;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#what{overflow:visible;margin-top:48px}html body section#what .floatingCardsDesktop img#card4{top:200px;right:-270px;transform:rotate(27deg)}html body section#what .floatingCardsDesktop div#cards5{position:absolute;top:220px;left:-380px}html body section#what .floatingCardsDesktop div#cards5 img:nth-child(1){transform:rotate(14deg)}html body section#what .floatingCardsDesktop div#cards5 img:nth-child(2){transform:rotate(25deg) translate(30px, 20px)}html body section#what .floatingCardsDesktop div#cards5 img:nth-child(3){transform:rotate(32deg) translate(70px, 40px)}html body section#what .floatingCardsDesktop div#cards6{position:absolute;top:450px;right:600px}html body section#what .floatingCardsDesktop div#cards6 img:nth-child(1){transform:rotate(-23deg)}html body section#what .floatingCardsDesktop div#cards6 img:nth-child(2){transform:rotate(-5deg) translate(30px, 5px)}html body section#what .floatingCardsDesktop div#cards6 img:nth-child(3){transform:rotate(13deg) translate(70px, 5px)}html body section#what img#screenshot{box-shadow:4px 4px 8px rgba(0,0,0,.8);margin-top:24px}@media(min-width: 1280px){html body section#what{margin-top:24px}html body section#what img#screenshot{margin-top:0}}html body section#howAndWho{margin-top:48px}html body section#howAndWho .floatingCardsDesktop div#cards6{position:absolute;top:20px;right:600px}html body section#howAndWho .floatingCardsDesktop div#cards6 img:nth-child(1){transform:rotate(-23deg)}html body section#howAndWho .floatingCardsDesktop div#cards6 img:nth-child(2){transform:rotate(-5deg) translate(30px, 5px)}html body section#howAndWho .floatingCardsDesktop div#cards6 img:nth-child(3){transform:rotate(13deg) translate(70px, 5px)}html body section#howAndWho .floatingCardsDesktop img#longstraight{position:absolute;top:400px;left:-50px;width:762px;height:473px}html body section#howAndWho .floatingCardsDesktop img#card7{top:680px;left:-350px;transform:rotate(-33deg)}html body section#howAndWho .floatingCardsDesktop img#card8{top:550px;right:-390px;transform:rotate(32deg)}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{margin-top:48px}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 #quotes{margin-top:60px}@media(min-width: 1280px){html body section#howAndWho #quotes{margin-top:310px}html body section#howAndWho{padding-top:72px;padding-bottom:50px}html body section#howAndWho #who{margin-top:72px}}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;margin-bottom: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;margin-bottom: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#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.no-scroll{overflow:hidden}section{scroll-margin-top:72px}@media(min-width: 1280px){section{scroll-margin-top:72px}}