@layer reset{*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}[role=list]{list-style:none;margin:0;padding:0}body{min-block-size:100vh;line-height:1.6}h1,h2,h3,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}p,li{text-wrap:pretty}img,picture{max-inline-size:100%;display:block}input,button,textarea,select{font:inherit}}@layer base{:root{--clr-white: hsl(0, 0%, 100%);--clr-gray-100: hsl(0, 2%, 79%);--clr-cream: hsl(48 23.8% 95.9%);--clr-brand-400: hsl(25, 88%, 75%);--clr-green-400: hsl(143, 19%, 49%);--clr-green-500: hsl(143, 38%, 37%);--clr-green-600: hsl(145, 29%, 19%);--clr-brown-500: hsl(10, 5%, 25%);--clr-brown-600: hsl(9, 7%, 21%);--clr-brown-700: hsl(9, 8%, 16%);--clr-brown-800: hsl(0, 6%, 15%);--clr-brown-900: hsl(0, 6%, 13%);--clr-orange-500: hsl(11 92.9% 55.7%);--clr-red-500: hsl(359, 34%, 24%);--clr-teal-500: hsl(186, 42%, 25%);--ff-heading: "Outfit", sans-serif;--ff-body: "Fira Sans", sans-serif;--fs-300: .875rem;--fs-400: 1rem;--fs-500: 1.125rem;--fs-600: 1.25rem;--fs-700: 1.5rem;--fs-800: 2rem;--fs-900: 3.75rem;--fs-1000: 3.75rem}@media not (max-width:760px){:root{--fs-300: .875rem;--fs-400: 1rem;--fs-500: 1.25rem;--fs-600: 1.5rem;--fs-700: 2rem;--fs-800: 3rem;--fs-900: 5rem;--fs-1000: 7.5rem}}:root{--text-main: var(--clr-black);--text-high-contrast: var(--clr-orange-500);--text-brand: var(--clr-orange-500);--text-brand-light: var(--clr-brand-400);--background-accent-light: var(--clr-green-400);--background-accent-main: var(--clr-green-500);--background-accent-dark: var(--clr-green-600);--background-extra-light: var(--clr-brown-500);--background-light: var(--clr-brown-600);--background-main: var(--clr-cream);--background-dark: var(--clr-brown-800);--background-extra-dark: var(--clr-brown-900);--font-size-heading-sm: var(--fs-700);--font-size-heading-regular: var(--fs-800);--font-size-heading-lg: var(--fs-900);--font-size-heading-xl: var(--fs-1000);--font-size-sm: var(--fs-300);--font-size-regular: var(--fs-400);--font-size-md: var(--fs-500);--font-size-lg: var(--fs-600);--border-radius-1: .25rem;--border-radius-2: .5rem;--border-radius-3: .75rem}@view-transition{navigation:auto}::view-transition-old(root){animation-duration:.1s}::view-transition-new(root){animation-duration:.1s}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}html{scroll-padding:2rem}body{font-family:var(--ff-body);font-size:var(--font-size-regular);color:var(--text-main);background-color:var(--background-main)}h1,h2,h3,h4{font-family:var(--ff-heading);font-weight:700;color:var(--text-high-contrast)}a{color:var(--text-high-contrast)}a:hover,a:focus-visible{color:var(--text-brand-light)}img{border-radius:var(--border-radius-3)}main{min-height:100vh}}@layer components{table{font-family:arial,sans-serif;border-collapse:collapse;width:100%}td,th{border:1px solid #dddddd;text-align:left;padding:8px}tr:nth-child(2n){background-color:#ddd}nav{display:flex;flex-direction:row;align-items:center;gap:10px}.navlink:hover{cursor:pointer}.authForm{display:flex;flex-direction:column;gap:8px;padding:20px}.authForm input{border-radius:8px;padding:4px}.authForm button[type=submit]{border-radius:8px;cursor:pointer}}