@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/assets/fonts/Inter-Regular.woff2) format("woff2"),url(/assets/fonts/Inter-Regular.woff) format("woff")}@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(/assets/fonts/Inter-SemiBold.woff2) format("woff2"),url(/assets/fonts/Inter-SemiBold.woff) format("woff")}@font-face{font-family:Inter;font-weight:700;font-display:swap;src:url(/assets/fonts/Inter-Bold.woff2) format("woff2"),url(/assets/fonts/Inter-Bold.woff) format("woff")}@font-face{font-family:Basteleur;font-weight:400;font-display:swap;src:url(/assets/fonts/Basteleur-Moonlight.woff2) format("woff2"),url(/assets/fonts/Basteleur-Moonlight.woff) format("woff")}@font-face{font-family:Basteleur;font-weight:700;font-display:swap;src:url(/assets/fonts/Basteleur-Bold.woff2) format("woff2"),url(/assets/fonts/Basteleur-Bold.woff) format("woff")}:root{--neutral-000: hsl(0, 0%, 100%);--neutral-100: hsl(37, 69%, 95%);--neutral-200: hsl(0, 0%, 82.5%);--neutral-300: hsl(0, 0%, 70%);--neutral-400: hsl(0, 0%, 60%);--neutral-500: hsl(0, 0%, 50%);--neutral-600: hsl(0, 0%, 40%);--neutral-700: hsl(0, 0%, 30%);--neutral-800: hsl(0, 0%, 17.5%);--neutral-900: hsl(92, 42%, 6%);--neutral-1000: hsl(0, 0%, 0%);--orange-100: hsl(12, 50%, 81%);--orange-200: hsl(12, 48%, 69%);--orange-300: hsl(12, 44%, 56%);--orange-400: hsl(32, 100%, 41%);--orange-500: hsl(32, 100%, 37%);--orange-600: hsl(12, 81%, 34%);--orange-700: hsl(12, 86%, 25%);--orange-800: hsl(12, 88%, 20%);--orange-900: hsl(12, 90%, 16%);--yellow-100: hsl(37, 69%, 95%);--yellow-200: hsl(42, 70%, 77%);--yellow-300: hsl(42, 71%, 73%);--yellow-400: hsl(47, 100%, 50%);--yellow-500: hsl(47, 100%, 43%);--yellow-600: hsl(46, 100%, 32%);--yellow-700: hsl(46, 100%, 22%);--yellow-800: hsl(44, 100%, 12%);--yellow-900: hsl(43, 100%, 7%);--red-100: hsl(12, 50%, 81%);--red-200: hsl(12, 48%, 69%);--red-300: hsl(12, 44%, 56%);--red-400: hsl(14, 78%, 55%);--red-500: hsl(12, 81%, 34%);--red-600: hsl(12, 86%, 25%);--red-700: hsl(12, 88%, 20%);--red-800: hsl(12, 90%, 16%);--red-900: hsl(10, 93%, 12%);--fs-900: 5.25rem;--fs-800: 3.25rem;--fs-700: 2.5rem;--fs-600: 1.55rem;--fs-500: 1.25rem;--fs-400: 1.125rem;--fs-300: .925rem;--fs-200: .875rem}@media screen and (min-width: 60rem){:root{--fs-900: 5.75rem;--fs-800: 3.5rem;--fs-700: 2.75rem;--fs-600: 1.85rem;--fs-500: 1.3rem;--fs-400: 1.125rem;--fs-300: .925rem;--fs-200: .875rem}}@media screen and (min-width: 75rem){:root{--fs-900: 6.875rem;--fs-800: 3.75rem;--fs-700: 3rem;--fs-600: 2rem;--fs-500: 1.375rem;--fs-400: 1.125rem;--fs-300: .925rem;--fs-200: .875rem}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}h1,h2,h3{text-wrap:balance}img,svg{display:block;max-width:100%;height:auto}html{scroll-behavior:smooth}input,label{width:100%}body{font-family:Inter,system-ui,sans-serif;font-weight:400;font-size:var(--fs-400);color:var(--neutral-100);background-color:var(--neutral-900);background-image:url(/assets/images/retro-stripes-background.svg);background-repeat:no-repeat;line-height:2}p{max-width:70ch}a{color:var(--orange-400)}a:is(:hover,:focus){color:var(--orange-500)}.button{display:inline-flex;justify-content:center;cursor:pointer;text-decoration:none;line-height:1;font-family:Inter,system-ui,sans-serif;font-size:var(--fs-400);text-transform:lowercase;font-style:italic;font-weight:700;padding:.75em 1.75em;border:0;border-radius:.5rem;transition:.15s ease-in-out}.button[data-type=accent]{background-color:var(--orange-600);color:var(--neutral-100);box-shadow:5px 7px 0 var(--orange-400)}.button[data-type=accent]:is(:hover,:focus){background-color:var(--orange-700);color:var(--neutral-100);transform:translate(2px,4px);box-shadow:2px 3px 0 var(--color-700)}.button[data-type=primary]{background-color:var(--orange-400);color:var(--neutral-100);box-shadow:5px 7px 0 var(--yellow-400)}.button[data-type=primary]:is(:hover,:focus){background-color:var(--orange-500);color:var(--neutral-100);transform:translate(2px,4px);box-shadow:2px 3px 0 var(--color-700)}.button[data-type=outline]{border:4px solid var(--yellow-400);background-color:transparent;color:inherit}.button[data-type=outline]:is(:hover,:focus){background-color:var(--orange-500);color:var(--neutral-100)}.card{display:grid;gap:1.25rem;padding:.75rem;background-color:inherit;font-family:Inter,system-ui,sans-serif;color:inherit;line-height:2;box-shadow:none;border-radius:none;height:fit-content}.card__heading{font-size:var(--fs-500);color:inherit;font-family:Basteleur,serif;text-transform:none;letter-spacing:0;font-weight:700;line-height:1.5}.card__image{margin-inline:auto;height:100%;width:auto;min-width:125px;max-height:125px;aspect-ratio:1/1}.card__paragraph{max-width:30ch;margin-inline:auto}.card__two-col{display:grid;gap:var(--grid-gap, 1.25rem);align-items:center;justify-items:center}@media screen and (min-width: 40rem){.card__two-col{grid-auto-flow:column}}.card__two-col img{min-width:75px}.card[data-type=highlight]{margin-block-end:4.5rem;padding:2rem 4rem;background-color:var(--neutral-100);color:var(--neutral-900);border-radius:1rem;box-shadow:0 0 0 4px var(--red-500),0 0 0 8px var(--orange-400),0 0 0 12px var(--yellow-400)}.card[data-type=highlight] img{align-self:center;justify-self:center}.heading-1{font-size:var(--fs-800);color:var(--neutral-100);font-family:Basteleur,serif;text-transform:none;letter-spacing:0;font-weight:700;line-height:1.5;line-height:1.25}.heading-2{font-size:var(--fs-600);color:var(--neutral-100);font-family:Basteleur,serif;text-transform:none;letter-spacing:0;font-weight:700;line-height:1.5}.heading-3{font-size:var(--fs-700);color:var(--neutral-100);font-family:Basteleur,serif;text-transform:none;letter-spacing:0;font-weight:700;line-height:1.5;font-weight:400}.site-header{position:absolute;width:100%;font-weight:700;color:var(--yellow-400);background-color:transparent;padding:1.5rem 0;z-index:999}.navigation{display:flex;justify-content:space-between}.nav{--flex-column-gap: 2.5rem;list-style:none;font-size:var(--fs-500);font-family:Inter,system-ui,sans-serif;font-weight:700;align-items:center;margin-inline-start:auto}.nav a{color:var(--yellow-400);text-decoration:none}.nav a:is(:hover,:focus){color:var(--red-400)}.burger-menu__trigger{display:none;z-index:999}.burger-menu__bar,.burger-menu__bar:before,.burger-menu__bar:after{display:block;width:36px;height:6px;background:var(--yellow-400);border:2px solid var(--orange-500);position:absolute;border-radius:3px;left:50%;margin-left:-18px;transition:transform .35s ease-in-out}.burger-menu__bar{top:50%;transform:translateY(-50%);z-index:900}.burger-menu__bar:before,.burger-menu__bar:after{content:""}.burger-menu__bar:before{top:-14px}.burger-menu__bar:after{bottom:-14px}.burger-menu[enabled=true] .burger-menu__trigger{display:block;width:3.25rem;height:3.5rem;position:fixed;top:2rem;right:2rem;z-index:1;background:transparent;border:none;cursor:pointer}.burger-menu[enabled=true] .burger-menu__panel{position:fixed;top:0;right:0;bottom:0;left:0;padding:7rem 3rem 2rem 1.5rem;width:100%;height:100%;visibility:hidden;opacity:0;background:var(--neutral-900);overflow-y:auto;-webkit-overflow-scrolling:touch}.burger-menu[enabled=true] .navigation ul{display:block}.burger-menu[enabled=true] .navigation ul>*+*{margin-top:2rem}.burger-menu[enabled=true] .navigation li{font-size:1.5rem}.burger-menu[enabled=true][status=open] .burger-menu__panel{visibility:visible;opacity:1;transition:opacity .2s ease}.burger-menu[enabled=true][status=closed] .burger-menu__panel>*{opacity:0;transform:translateY(5rem)}.burger-menu[enabled=true][status=open] .burger-menu__panel>*{transform:translateY(0);opacity:1;transition:transform .2s cubic-bezier(.17,.67,0,.87) .3s,opacity .3s ease .4s}.burger-menu[enabled=true][status=open] .burger-menu__bar:before{top:0;transform:rotate(45deg)}.burger-menu[enabled=true][status=open] .burger-menu__bar:after{top:0;transform:rotate(-45deg)}.burger-menu[enabled=true][status=open] .burger-menu__bar{background:transparent;border-color:transparent;transform:rotate(180deg)}.contact-form .form-group{display:grid;gap:1rem;max-width:400px;justify-self:center}.contact-form .form-group[data-type=flex]{display:flex;flex-direction:column;width:100%;gap:1rem;justify-self:center}label{text-transform:capitalize;margin-inline-start:1.5rem;color:var(--orange-800);font-family:Inter,system-ui,sans-serif;font-weight:400;font-size:var(--fs-400)}input:not(.button){font-size:var(--fs-400);font-weight:400;color:var(--orange-800);background-color:var(--neutral-100);padding:.75rem 1.25rem;border:3px solid var(--orange-800);border-radius:.5rem}::placeholder{color:var(--orange-800);font-weight:400;font-family:Inter,system-ui,sans-serif}textarea{height:100%;width:100%;min-height:300px;font-size:var(--fs-400);font-weight:400;color:var(--orange-800);background-color:var(--neutral-100);padding:.75rem 1.25rem;border:3px solid var(--orange-800);border-radius:.5rem;resize:none}.site-footer{background-color:transparent;color:inherit}.site-footer a{color:var(--neutral-100);text-decoration:none;font-family:Inter,system-ui,sans-serif;letter-spacing:0}.site-footer a:is(:hover,:focus){color:var(--yellow-400)}.site-footer .flex-group{width:100%;justify-content:space-between}.score-card-container{display:grid;gap:1rem;align-items:center;align-content:center;justify-content:center}@media screen and (min-width: 25rem){.score-card-container{grid-auto-flow:column;gap:2rem}}.score-card-container[data-type=vertically-center]{align-items:center}.score-card-container>*{max-width:200px}.score-card{font-family:Basteleur,serif;font-weight:700;text-align:center;text-align:-webkit-center}.score-card__image{font-size:var(--fs-700);padding:.25rem 1.75rem;box-shadow:0 0 0 2px var(--red-500),0 0 0 4px var(--orange-400),0 0 0 6px var(--yellow-400);border-radius:5px;width:fit-content}.game-btn{font-size:var(--fs-600);padding:.5rem 1rem}@media screen and (min-width: 25rem){.game-btn{font-size:var(--fs-700);padding:1rem 2rem}}.game-btn{background-color:var(--yellow-100);border-radius:.5rem;border:2px transparent;box-shadow:0 0 0 3px var(--red-500),0 0 0 6px var(--orange-400),0 0 0 9px var(--yellow-400);transition:transform 75ms ease-in-out}.game-btn:hover,.game-btn:focus{background-color:var(--yellow-300);transform:scale(1.1);transition:transform .1s ease-in-out}#endGameModal{background-color:var(--yellow-100);border-radius:1.5rem;padding:clamp(.5rem,10vw,2rem);margin:0 auto;top:25%;max-width:min(90svw,50rem);max-height:min(70svh,40rem);min-height:15rem}.even-columns{display:grid;gap:var(--grid-gap, 1.25rem)}@media screen and (min-width: 60rem){.even-columns{grid-auto-flow:column;grid-auto-columns:1fr}}.even-columns[data-type=vertically-center]{align-items:center}.hero{padding-block:clamp(6rem,10vh,10rem);position:relative;min-height:500px}.hero-image{object-fit:cover;width:100%;height:100%;position:absolute;top:0;z-index:-1;filter:brightness(90%)}.hero-content{min-height:clamp(25rem,40vw,40rem);display:flex;align-items:center;justify-content:flex-end}.hero-retro-stripes{position:absolute;bottom:0;transform:translateY(50%)}.border-radius-3{border-radius:1.5rem}.clr-neutral-900{color:var(--neutral-900)}.clr-yellow-400{color:var(--yellow-400)}.container{--padding: 1.5rem * 2;--max-width: 54rem;width:min(100% - var(--padding),var(--max-width));margin-inline:auto}.container[data-type=narrow]{--max-width: 40rem}.container[data-type=wide]{--max-width: 70rem}.container[data-type=full-bleed]{--max-width: 100%}.flex-group{display:flex;flex-wrap:wrap;column-gap:var(--flex-column-gap, 1rem);row-gap:var(--flex-row-gap, .5rem);width:fit-content}.flex-group.mx-auto{justify-content:center}.flow>*:where(:not(:first-child)){margin-top:var(--flow-spacer, 1rem)}.ff-base{font-family:Inter,system-ui,sans-serif}.ff-accent{font-family:Basteleur,serif}.fs-900{font-size:var(--fs-900)}.fs-700{font-size:var(--fs-700)}.fs-600{font-size:var(--fs-600)}.fs-500{font-size:var(--fs-500)}.fs-400{font-size:var(--fs-400)}.fw-semi-bold{font-weight:600}.fw-bold{font-weight:700}.section-highlight{background-color:var(--neutral-100);color:var(--neutral-900);padding-inline:clamp(2rem,9vw,6rem);padding-block:clamp(3rem,15vw,6rem);border-radius:1rem;box-shadow:0 0 0 4px var(--red-500),0 0 0 8px var(--orange-400),0 0 0 12px var(--yellow-400)}@media (max-width: 45rem){.section-highlight{padding-inline:1rem}}.text-highlight{color:var(--neutral-100);background-color:var(--red-400);font-weight:600;border-radius:.4em;padding:.2em .3em}.image-medium{max-width:min(350px,100%)}.push-right{max-width:fit-content;margin-left:auto}.round{border-radius:50%;aspect-ratio:1/1}.section{padding-block:clamp(3rem,10vh,5rem)}.mx-auto{margin-inline:auto}.margin-block-start-6{margin-block-start:1.25rem}.margin-inline-start-7{margin-inline-start:1.325rem}.margin-block-start-8{margin-block-start:1.5rem}.margin-block-end-8{margin-block-end:1.5rem}.margin-inline-start-8{margin-inline-start:1.5rem}.padding-block-8{padding-block:1.5rem}.margin-block-end-10{margin-block-end:2rem}.margin-block-start-12{margin-block-start:3rem}.margin-block-start-14{margin-block-start:5rem}.padding-block-start-14{padding-block-start:5rem}.margin-block-start-15{margin-block-start:6rem}.shift-up{transform:translateY(-20%)}.short-paragraph{max-width:min(35ch,43rem);height:fit-content}.medium-paragraph{max-width:min(55ch,50rem);height:fit-content}.text-center{text-align:center}.scrollToTopBtn{position:fixed;display:block;width:2rem;height:2rem;bottom:2rem;right:2rem;z-index:999;background-color:transparent;border:none;cursor:pointer;z-index:100;opacity:0;transform:translateY(100px);transition:all .5s ease}.scrollToTopBtn:hover,.scrollToTopBtn:focus{transform:scale(1.15)}.visually-hidden{border:0;clip:rect(0 0 0 0);height:auto;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}