@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";:root{--yellow-300:oklch(96.8% .2109 109.78);--yellow-500:oklch(90.71% .1977 109.78);--yellow-400:oklch(85.2% .199 91.936);--yellow-600:oklch(82.12% .1789 109.78);--yellow-700:oklch(73.61% .1604 109.78);--yellow-800:oklch(65.16% .142 109.78);--yellow-900:oklch(56.43% .123 109.78);--red-300:oklch(96.8% .2109 29.23);--red-400:oklch(93.5% .205 29.23);--red-500:oklch(90.71% .1977 29.23);--red-600:oklch(82.12% .1789 29.23);--red-700:oklch(73.61% .1604 29.23);--red-800:oklch(65.16% .142 29.23);--red-900:oklch(56.43% .123 29.23);--orange-300:oklch(96.8% .2109 55);--orange-400:oklch(93.5% .205 55);--orange-500:oklch(90.71% .1977 55);--orange-600:oklch(82.12% .1789 55);--orange-700:oklch(73.61% .1604 55);--orange-800:oklch(65.16% .142 55);--orange-900:oklch(56.43% .123 55);--blue-300:oklch(96.8% .1109 258);--blue-400:oklch(93.5% .115 258);--blue-500:oklch(88% .135 258);--blue-600:oklch(78% .155 258);--blue-700:oklch(68% .165 258);--blue-800:oklch(58% .16 258);--blue-900:oklch(48% .14 258);--black-900:oklch(0% 0 0);--black-800:oklch(22.21% 0 0);--black-700:oklch(30.92% 0 0);--black-600:oklch(39.79% 0 0);--black-500:oklch(48.19% 0 0);--black-400:oklch(56.93% 0 0);--black-300:oklch(65.67% 0 0);--white-100:oklch(100% 0 0);--white-200:oklch(98.21% 0 0);--white-300:oklch(97.02% 0 0);--white-400:oklch(95.74% .0011 201.08);--white-500:oklch(91.28% 0 0);--white-600:oklch(82.69% .0014 285.26);--white-700:oklch(74.04% .0012 200.02);--white-800:oklch(65.58% .0012 199.62);--white-900:oklch(56.84% .0012 199.21);--primary-color:var(--yellow-400);--primary-color-hover:var(--yellow-500);--secondary-color:var(--black-900);--tertiary-color:var(--white-300);--neutral-color:var(--black-900);--font-family:"Space Grotesk", sans-serif;--font-size:12px;--base-shadow:.5rem .5rem 0px var(--secondary-color);--base-button-shadow:.2rem .2rem 0px var(--secondary-color);--base-shadow-revert:1rem 1rem 0px var(--tertiary-color);--base-border:5px solid var(--secondary-color);--base-button-border:3px solid var(--secondary-color);--shine-degree:120deg;--shine-color:oklch(100% 0 0/.6);--shine-color-success:oklch(100% 0 0/.2);--shine-effect-success:linear-gradient(var(--shine-degree), transparent, var(--shine-color-success), transparent);--shine-effect:linear-gradient(var(--shine-degree), transparent, var(--shine-color), transparent);--shine-transition:all .5s ease-in-out}@media (width>=640px){:root{--font-size:16px}}@media (width<=639px){:root{--base-shadow:.5rem .5rem 0px var(--secondary-color);--base-button-shadow:.15rem .15rem 0px var(--secondary-color);--base-shadow-revert:.5rem .5rem 0px var(--tertiary-color);--base-border:3px solid var(--secondary-color);--base-button-border:2px solid var(--secondary-color)}}*{text-transform:uppercase}html{background-color:var(--white-400)}a{color:inherit;outline:none;text-decoration:none}.fab-button{position:fixed;bottom:2rem;right:2rem}h1.page-title{font-size:2.5rem}@media (width>=640px){h1.page-title{font-size:4rem}}body:has(dialog[open],.navigation.open){overflow:hidden}body:has(dialog[open],.navigation.open):after{content:"";background-color:var(--black-900);opacity:.5;z-index:0;position:fixed;inset:0}