/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}:root{font-family:Satoshi,sans-serif;--clr-dark: #020617;--clr-dmain: #94a3b8;--clr-dh1: #f8fafc;--clr-dh2: #e11d48;--clr-light: #f8fafc;--clr-lmain: #475569;--clr-lh1: #1e293b;--clr-lh2: #e11d48;--clr-bg: var(--clr-dark);--clr-main: var(--clr-dmain);--clr-h1: var(--clr-dh1);--clr-h2: var(--clr-dh2);--clr-accent: #14b8a6;--clr-fun: #14b8a6;--size-xxs: .5rem;--size-xs: .75rem;--size-sm: .875rem;--size-base: 1rem;--size-lg: 1.125rem;--size-xl: 1.25rem;--size-2xl: 1.5rem;--size-3xl: 1.875rem;--size-4xl: 2.25rem;--size-5xl: 3rem;--size-6xl: 3.75rem;--size-7xl: 4.5rem;--size-8xl: 6rem;--size-9xl: 8rem;--size-10xl: 10rem}*{margin:0;line-height:calc(1em + .5rem)}html{height:100%;scroll-behavior:smooth}body{height:100%;font-family:Satoshi,sans-serif;background-color:var(--clr-bg);color:var(--clr-main);display:flex;flex-direction:column}main{flex:1}img,picture,video,canvas,svg{display:block;max-width:100%;-webkit-user-select:none;user-select:none}button{display:inline-block;padding:0;border:none;background:none;cursor:pointer;color:inherit}a{color:var(--clr-accent);text-decoration:none}strong{color:var(--clr-h2);font-weight:bolder}@media (prefers-color-scheme: light){:root{--clr-bg: var(--clr-light);--clr-main: var(--clr-lmain);--clr-h1: var(--clr-lh1);--clr-h2: var(--clr-lh2)}}.generic_section{background-color:var(--clr-bg);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem}.generic_section h1{color:var(--clr-h1);font-size:var(--size-3xl);margin-bottom:-1rem}.generic_section h1.fun-h1{display:none}.generic_section h2{color:var(--clr-h2);font-size:var(--size-lg)}.generic_section p,.generic_section ul,.generic_section ol{max-width:60ch;color:var(--clr-main);font-size:var(--size-sm)}.generic_section .btn{background-color:var(--clr-accent);font-size:var(--size-sm);margin:0 auto}@media (min-width: 475px){.generic_section{gap:1.5rem}.generic_section h1{font-size:var(--size-4xl)}.generic_section h2{font-size:var(--size-xl)}.generic_section p,.generic_section ul,.generic_section ol,.generic_section .btn{font-size:var(--size-base)}}@media (min-width: 640px){.generic_section h1.reg-h1{display:none}.generic_section h1.fun-h1{display:block}}@media (min-width: 1024px){.generic_section h1{font-size:var(--size-6xl)}.generic_section h2{font-size:var(--size-2xl)}.generic_section p,.generic_section ul,.generic_section ol,.generic_section .btn{font-size:var(--size-lg)}}@media (min-width: 1280px){.generic_section{gap:2rem}.generic_section h1{font-size:var(--size-7xl)}.generic_section h2{font-size:var(--size-4xl)}.generic_section p,.generic_section ul,.generic_section ol,.generic_section .btn{font-size:var(--size-xl)}}.hero{position:relative;background-color:var(--clr-bg);border:2px solid var(--clr-accent);border-radius:16px;padding-top:1em;padding-bottom:1em;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.hero h1{color:var(--clr-h1);font-size:var(--size-3xl);margin-bottom:-1rem}.hero h2{color:var(--clr-h2);font-size:var(--size-lg)}.hero p{max-width:30ch;color:var(--clr-main);font-size:var(--size-sm);margin:0 auto;text-align:center}.hero .btn{background-color:var(--clr-accent);font-size:var(--size-sm);margin:0 auto}.hero .decorative_square{position:absolute;width:2em;height:2em;padding:.5em;background-color:var(--clr-accent);color:var(--clr-bg);border-radius:8px;--clr-fun: var(--clr-h2);transition:padding .3s ease}.hero .decorative_square.left{display:none;bottom:30%;left:8%}.hero .decorative_square.right{display:block;top:30%;right:8%}.hero .decorative_square.left:hover,.hero .decorative_square.right:hover{color:var(--clr-fun);padding:.25em}.hero .rotating_with_accent{animation:rotation 4s,accent_on_flip 2s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}@keyframes rotation{0%{transform:rotate3d(1,.5,0,0)}25%{transform:rotate3d(1,.5,0,180deg)}50%{transform:rotate3d(1,.5,0,360deg)}75%{transform:rotate3d(.3,1,0,180deg)}to{transform:rotate3d(.3,1,0,360deg)}}@keyframes accent_on_flip{0%{background-color:var(--clr-accent);--clr-fun: var(--clr-h2) }50%{background-color:var(--clr-h2);--clr-fun: var(--clr-accent) }}@media (min-width: 475px){.hero{gap:1.5rem}.hero h1{font-size:var(--size-4xl)}.hero h2{font-size:var(--size-xl)}.hero p,.hero .btn{font-size:var(--size-base)}.hero .decorative_square{width:3em;height:3em;border-radius:16px}}@media (min-width: 640px){.hero .decorative_square{width:4em;height:4em;padding:1em}.hero .decorative_square.left{display:block}}@media (min-width: 768px){.hero .decorative_square{display:block;width:5em;height:5em}}@media (min-width: 1024px){.hero h1{font-size:var(--size-6xl)}.hero h2{font-size:var(--size-2xl)}.hero p,.hero .btn{font-size:var(--size-lg)}.hero .decorative_square{display:block;width:6em;height:6em}}@media (min-width: 1280px){.hero{gap:2rem}.hero h1{font-size:var(--size-8xl)}.hero h2{font-size:var(--size-4xl)}.hero p,.hero .btn{font-size:var(--size-xl)}.hero .decorative_square{display:block;width:7em;height:7em}}.display_cards{display:grid;grid-template-columns:1fr;gap:.5em .5em;border:2px solid var(--clr-accent);border-radius:16px;padding:.5em}.display_cards-wrapper{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.5em}.display_cards-wrapper .square{aspect-ratio:1 / 1}.accent_card .symbol,.plain_card .symbol{display:inline-block;position:absolute;top:.5em;right:1em;width:var(--size-lg);height:var(--size-lg)}.accent_card{background-color:var(--clr-accent);--clr-bg: var(--clr-accent);--clr-fun: var(--clr-h2);border:2px solid var(--clr-accent);border-radius:16px;padding:.5em 1em}.accent_card h2{color:var(--clr-light);font-size:var(--size-lg)}.accent_card .symbol{color:var(--clr-light)}.accent_card p{max-width:60ch;color:var(--clr-light);font-size:var(--size-sm)}.accent_card .btn{margin-top:auto;align-self:center;background-color:var(--clr-main)}.plain_card{border:2px solid var(--clr-main);border-radius:16px;padding:.5em 1em}.plain_card h2{color:var(--clr-h2);font-size:var(--size-lg)}.plain_card .symbol{color:var(--clr-h2)}.plain_card p{max-width:60ch;color:var(--clr-main);font-size:var(--size-sm)}.plain_card .btn{background-color:var(--clr-accent);margin-top:auto;align-self:center}@media (min-width: 475px){.display_cards{gap:1rem}.display_cards h2{font-size:var(--size-xl)}.accent_card .symbol,.plain_card .symbol{width:var(--size-xl);height:var(--size-xl)}.display_cards p,.display_cards .btn{font-size:var(--size-base)}}@media (min-width: 640px){.display_cards{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){.display_cards h2{font-size:var(--size-2xl)}.accent_card .symbol,.plain_card .symbol{width:var(--size-2xl);height:var(--size-2xl)}.display_cards p,.display_cards .btn{font-size:var(--size-lg)}}@media (min-width: 1280px){.display_cards{gap:2rem}.display_cards h2{font-size:var(--size-4xl)}.accent_card .symbol,.plain_card .symbol{width:var(--size-4xl);height:var(--size-4xl)}.display_cards p,.display_cards .btn{font-size:var(--size-xl)}.accent_card .accent_symbol,.plain_card .plain_symbol{width:var(--size-2xl);height:var(--size-2xl)}}.header{display:flex;align-items:center;justify-content:space-between;margin-top:1em}.header h1{color:var(--clr-h1);font-size:var(--size-lg)}.header-text{display:none;color:var(--clr-accent);font-size:var(--size-sm);transition:transform .3s,colour .3s}.header-symbol{color:var(--clr-accent);display:block;width:var(--size-lg);height:var(--size-lg)}.header a{transition:transform .3s ease}.header a:hover{transform:translateY(-3px);color:var(--clr-h2);cursor:pointer}.header .btn{background-color:var(--clr-accent);color:var(--clr-light);font-size:var(--size-xs);padding-top:.25em}.header .btn:hover{color:var(--clr-light)}@media (max-width: 360px){.header h1{font-size:var(--size-lg)}.header .btn{font-size:var(--size-xxs)}}@media (min-width: 475px){.header h1{font-size:var(--size-2xl)}.header .btn{font-size:var(--size-base)}}@media (min-width: 768px){.header-symbol{display:none}.header-text{display:block;font-size:var(--size-lg)}}@media (min-width: 1024px){.header h1{font-size:var(--size-4xl)}.header .btn,.header-text{font-size:var(--size-2xl)}}@media (min-width: 1280px){.header-text{font-size:var(--size-3xl)}}.footer{width:100%;height:10em;background-color:var(--clr-h2)}.footer-content{padding:2em;color:var(--clr-h1)}.footer-content a{color:var(--clr-light);font-size:var(--size-base);transition:colour .3s}.footer-content a:hover{font-weight:700;color:var(--clr-accent);cursor:pointer}.footer-content p{color:var(--clr-light)}.btn{display:inline-block;font-weight:600;text-decoration:none;letter-spacing:-.05em;background-color:var(--clr-main);color:var(--clr-light);padding:.5em 1em;border-radius:6px;transition:transform .3s,background-colour .3s}.btn:hover{transform:translateY(-3px);background-color:var(--clr-h2)}.container{width:90%;margin-left:auto;margin-right:auto;padding-left:.5em;padding-right:.5em}.section{margin-top:3rem}.jump_up{--random-rotation: 5deg;position:relative;display:inline-block;cursor:pointer;transition:all .3s ease}.accented{transition:all .3s ease}.jump_up:hover{transform:translateY(-5px) rotate(var(--random-rotation))}.accented:hover{color:var(--clr-fun)}@media (min-width: 475px){.container{max-width:475px}}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}