.nav-main[data-astro-cid-3yd5ihi3]{margin-left:auto;margin-right:auto;display:flex;justify-content:space-between;align-items:center}.nav-main[data-astro-cid-3yd5ihi3] .logo-reactgg[data-astro-cid-3yd5ihi3]{width:150px;height:auto}.spinner[data-astro-cid-lolztsa2].interactive .interactive[data-astro-cid-lolztsa2] .text[data-astro-cid-lolztsa2]>[data-astro-cid-lolztsa2],.spinner[data-astro-cid-lolztsa2].quiz .quiz[data-astro-cid-lolztsa2] .text[data-astro-cid-lolztsa2]>[data-astro-cid-lolztsa2],.spinner[data-astro-cid-lolztsa2].video .video[data-astro-cid-lolztsa2] .text[data-astro-cid-lolztsa2]>[data-astro-cid-lolztsa2],.spinner[data-astro-cid-lolztsa2].challenge .challenge[data-astro-cid-lolztsa2] .text[data-astro-cid-lolztsa2]>[data-astro-cid-lolztsa2]{fill:var(--charcoal)}.spinner[data-astro-cid-lolztsa2] .fill[data-astro-cid-lolztsa2]{opacity:0}.spinner[data-astro-cid-lolztsa2].interactive .interactive[data-astro-cid-lolztsa2] .fill[data-astro-cid-lolztsa2],.spinner[data-astro-cid-lolztsa2].quiz .quiz[data-astro-cid-lolztsa2] .fill[data-astro-cid-lolztsa2],.spinner[data-astro-cid-lolztsa2].video .video[data-astro-cid-lolztsa2] .fill[data-astro-cid-lolztsa2],.spinner[data-astro-cid-lolztsa2].challenge .challenge[data-astro-cid-lolztsa2] .fill[data-astro-cid-lolztsa2]{opacity:1}.spinner[data-astro-cid-lolztsa2] .spinnerBody[data-astro-cid-lolztsa2]{transform-box:fill-box;transform-origin:50% 50%}.spinner[data-astro-cid-lolztsa2].video .spinnerBody[data-astro-cid-lolztsa2]{transform:rotate(150deg)}.spinner[data-astro-cid-lolztsa2].challenge .spinnerBody[data-astro-cid-lolztsa2]{transform:rotate(240deg)}.spinner[data-astro-cid-lolztsa2].quiz .spinnerBody[data-astro-cid-lolztsa2]{transform:rotate(88deg)}.spinner[data-astro-cid-lolztsa2] .hand[data-astro-cid-lolztsa2]{transform:rotate(0);transform-box:fill-box;transform-origin:50% 86%}.spinner[data-astro-cid-lolztsa2]:hover .hand[data-astro-cid-lolztsa2]{animation:spinner 1.2s forwards ease-in-out}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(1440deg)}}.board-game[data-astro-cid-szdjj2gi]{margin-top:.5em;display:grid;justify-items:center}.board-game[data-astro-cid-szdjj2gi] a[data-astro-cid-szdjj2gi]{color:var(--yellow)}.board-game[data-astro-cid-szdjj2gi] h2[data-astro-cid-szdjj2gi]{color:var(--pink)}.board-section[data-astro-cid-szdjj2gi]{width:100%;max-width:1166px;position:relative;display:grid}.board-section[data-astro-cid-szdjj2gi]>[data-astro-cid-szdjj2gi],.board-section[data-astro-cid-szdjj2gi]>svg{grid-column:1;grid-row:1}.board-section[data-astro-cid-szdjj2gi]>svg,.board-graphic[data-astro-cid-szdjj2gi]>svg{margin-top:-.06em}.board-graphic[data-astro-cid-szdjj2gi]{width:100%;height:100%;position:absolute;overflow:hidden;display:grid;z-index:0}.board-graphic[data-astro-cid-szdjj2gi]>svg{grid-row:1;grid-column:1}.board-graphic[data-astro-cid-szdjj2gi]>svg:first-of-type{overflow:visible}.board-01[data-astro-cid-szdjj2gi]{max-height:670px;aspect-ratio:1166 / 670}.board-02[data-astro-cid-szdjj2gi]{max-height:334px;aspect-ratio:1166 / 334}.board-03[data-astro-cid-szdjj2gi]{max-height:376px;aspect-ratio:1166 / 376}.board-04[data-astro-cid-szdjj2gi]{max-height:496px;aspect-ratio:1166 / 496}.board-05[data-astro-cid-szdjj2gi]{max-height:266px;aspect-ratio:1166 / 266}.board-06[data-astro-cid-szdjj2gi]{max-height:400px;aspect-ratio:1166 / 400}.board-07[data-astro-cid-szdjj2gi]{max-height:380px;aspect-ratio:1166 / 380}.board-content[data-astro-cid-szdjj2gi]{display:grid;gap:2.5em 3em;position:relative;z-index:1}.board-left[data-astro-cid-szdjj2gi],.board-right[data-astro-cid-szdjj2gi]{margin:-1px 0}.board-left[data-astro-cid-szdjj2gi] .board-content[data-astro-cid-szdjj2gi]{margin-left:clamp(2em,14vw,10em);margin-right:clamp(1em,4vw,3em)}.board-right[data-astro-cid-szdjj2gi] .board-content[data-astro-cid-szdjj2gi]{margin-right:clamp(2em,14vw,10em);margin-left:clamp(1em,4vw,3em)}.board-content[data-astro-cid-szdjj2gi] .demo[data-astro-cid-szdjj2gi]{max-width:500px;display:grid;position:relative}.board-content .spinner{width:clamp(90px,10vw,110px);height:auto;position:absolute;top:-1.2em;right:-.5em;z-index:10}.board-01[data-astro-cid-szdjj2gi] h2[data-astro-cid-szdjj2gi]{max-width:14ch;margin-top:-2.5em;place-self:center;font-size:clamp(1rem,4vw,3rem);text-align:center;color:var(--white)}.aha-moment[data-astro-cid-szdjj2gi] .demo-graphic[data-astro-cid-szdjj2gi]{max-width:340px}.leetcode[data-astro-cid-szdjj2gi] .demo[data-astro-cid-szdjj2gi] .button[data-astro-cid-szdjj2gi]{margin-top:-1.5em;justify-self:center}.hooks[data-astro-cid-szdjj2gi] h2[data-astro-cid-szdjj2gi] span[data-astro-cid-szdjj2gi]{font-size:300%;display:block}.hooks[data-astro-cid-szdjj2gi] .content[data-astro-cid-szdjj2gi]{max-width:24ch}.hooks[data-astro-cid-szdjj2gi] .demo[data-astro-cid-szdjj2gi] ul[data-astro-cid-szdjj2gi]{padding:2em 0 3em;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.8em .5em}.interviews[data-astro-cid-szdjj2gi] .demo-graphic[data-astro-cid-szdjj2gi]{font-size:clamp(.9rem,2vw,1.1rem)}.board-content.interviews .spinner{right:-2.3em}.future-proof[data-astro-cid-szdjj2gi] .demo[data-astro-cid-szdjj2gi]{gap:1em}@media(max-width:450px){.board-content .spinner{width:70px}}@media(max-width:850px){.content[data-astro-cid-szdjj2gi]>[data-astro-cid-szdjj2gi]{max-width:35ch}.aha-moment[data-astro-cid-szdjj2gi] .demo[data-astro-cid-szdjj2gi]{justify-self:start}.interviews[data-astro-cid-szdjj2gi] .demo[data-astro-cid-szdjj2gi]{margin-left:-3em;justify-self:center}.aha-moment[data-astro-cid-szdjj2gi]{margin:-1em 0 -2em}.leetcode[data-astro-cid-szdjj2gi]{margin:.5em 0 0}.leetcode[data-astro-cid-szdjj2gi] .emoji[data-astro-cid-szdjj2gi]{display:inline-block;transform:rotate(90deg)}.videos[data-astro-cid-szdjj2gi] .demo[data-astro-cid-szdjj2gi]{width:90%;margin-bottom:2.5em}.videos .spinner{right:-2em}.hooks[data-astro-cid-szdjj2gi]{margin:0 0 1.5em;padding-bottom:19vw}.board-graphic[data-astro-cid-szdjj2gi]>svg.board-hooks{position:absolute;bottom:0;left:0;transform:translate(-35%)}.interviews[data-astro-cid-szdjj2gi]{margin-top:2em}.future-proof[data-astro-cid-szdjj2gi]{margin:1em 0 0}.future-proof[data-astro-cid-szdjj2gi] .demo[data-astro-cid-szdjj2gi]{grid-template-columns:1fr 1fr;align-items:start}.future-proof .demo .card-stack:nth-child(2n){margin-top:1.5em}.beige_stroke path{stroke-width:110}.charcoal_outline path{stroke-width:105}.beige_path path,.game_lines path,.game_lines_2 path,.path_cover path,.path_cover_2 path{stroke-width:94}.game_stuff>g:not([class^=small]){transform-box:fill-box;transform-origin:center center;transform:scale(1.1)}.game_stuff>g[class^=number]{transform:scale(1.25)}.game_stuff>g.props{transform:scale(1.34);transform-origin:center top}}@media(min-width:851px){.board-content[data-astro-cid-szdjj2gi]{grid-template-columns:1fr 1fr;grid-template-rows:1;align-items:center}.board-content[data-astro-cid-szdjj2gi]>[data-astro-cid-szdjj2gi]{grid-row:1}.board-left[data-astro-cid-szdjj2gi] .content[data-astro-cid-szdjj2gi]{grid-column:2}.board-left[data-astro-cid-szdjj2gi] .demo[data-astro-cid-szdjj2gi],.board-content[data-astro-cid-szdjj2gi] .content[data-astro-cid-szdjj2gi]:only-child{grid-column:1}.aha-moment[data-astro-cid-szdjj2gi]{margin:-1em 0 0}.leetcode[data-astro-cid-szdjj2gi]{margin:.5em 0 -.5em}.videos[data-astro-cid-szdjj2gi]{margin:1em 0 3.5em}.videos .spinner{left:-1em;right:auto}.board-content[data-astro-cid-szdjj2gi].hooks{width:35%;margin-top:-1em;margin-right:0;margin-bottom:-2em;grid-template-columns:1fr}.board-graphic[data-astro-cid-szdjj2gi]>svg.board-hooks{position:absolute;top:50%;transform:translateY(-50%)}.interviews[data-astro-cid-szdjj2gi]{margin:4em 0 -2em}.interviews[data-astro-cid-szdjj2gi] .demo[data-astro-cid-szdjj2gi]{justify-self:center}.future-proof[data-astro-cid-szdjj2gi] .content[data-astro-cid-szdjj2gi]{margin-top:-1.5em}.future-proof[data-astro-cid-szdjj2gi]{margin:3em 0 0}.future-proof .demo .card-stack{width:90%;max-width:300px}.future-proof .demo .card-stack:nth-child(2n){justify-self:end}}.game_stuff .atom{transform-box:fill-box;transform-origin:center center;animation:rotate 10s linear infinite}.game_stuff [class^=game-piece]:hover [class^=body]{transform-box:fill-box;transform-origin:center center;animation:bob .8s ease-in-out infinite alternate}.game_stuff [class^=game-piece]:hover [class^=shadow]{transform-box:fill-box;transform-origin:center center;animation:shadow .8s ease-in-out infinite alternate}@media(prefers-reduced-motion){.game_stuff .atom{animation:none}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bob{0%{transform:translateY(0)}to{transform:translateY(-.2em)}}@keyframes shadow{0%{transform:scale(1)}to{transform:scale(.94)}}