:root{--text-50: hsl(120, 15%, 5%);--text-100: hsl(120, 14%, 10%);--text-200: hsl(120, 16%, 20%);--text-300: hsl(120, 15%, 30%);--text-400: hsl(120, 15%, 40%);--text-500: hsl(120, 15%, 50%);--text-600: hsl(120, 15%, 60%);--text-700: hsl(120, 15%, 70%);--text-800: hsl(120, 16%, 80%);--text-900: hsl(120, 14%, 90%);--text-950: hsl(120, 15%, 95%);--background-50: hsl(120, 20%, 5%);--background-100: hsl(120, 22%, 10%);--background-200: hsl(120, 20%, 20%);--background-300: hsl(120, 20%, 30%);--background-400: hsl(120, 20%, 40%);--background-500: hsl(120, 20%, 50%);--background-600: hsl(120, 20%, 60%);--background-700: hsl(120, 20%, 70%);--background-800: hsl(120, 20%, 80%);--background-900: hsl(120, 22%, 90%);--background-950: hsl(120, 20%, 95%);--primary-50: hsl(120, 23%, 5%);--primary-100: hsl(120, 22%, 10%);--primary-200: hsl(120, 22%, 20%);--primary-300: hsl(120, 22%, 30%);--primary-400: hsl(120, 22%, 40%);--primary-500: hsl(119, 22%, 50%);--primary-600: hsl(120, 22%, 60%);--primary-700: hsl(120, 22%, 70%);--primary-800: hsl(120, 22%, 80%);--primary-900: hsl(120, 22%, 90%);--primary-950: hsl(110, 23%, 95%);--secondary-50: hsl(195, 15%, 5%);--secondary-100: hsl(193, 18%, 10%);--secondary-200: hsl(193, 18%, 20%);--secondary-300: hsl(193, 18%, 30%);--secondary-400: hsl(192, 17%, 40%);--secondary-500: hsl(191, 17%, 50%);--secondary-600: hsl(192, 17%, 60%);--secondary-700: hsl(193, 18%, 70%);--secondary-800: hsl(193, 18%, 80%);--secondary-900: hsl(193, 18%, 90%);--secondary-950: hsl(180, 15%, 95%);--accent-50: hsl(225, 15%, 5%);--accent-100: hsl(220, 18%, 10%);--accent-200: hsl(223, 18%, 20%);--accent-300: hsl(222, 18%, 30%);--accent-400: hsl(224, 17%, 40%);--accent-500: hsl(223, 17%, 50%);--accent-600: hsl(224, 17%, 60%);--accent-700: hsl(222, 18%, 70%);--accent-800: hsl(223, 18%, 80%);--accent-900: hsl(220, 18%, 90%);--accent-950: hsl(225, 15%, 95%);--clr-white: #f0f0f0;--clr-black: #282828;--clr-main: #053d38;--clr-accent: #f26800;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--clr-black);background-color:var(--clr-white);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{height:100%}#root{min-height:100dvh;display:flex;flex-direction:column;justify-content:space-between}main{max-width:160ch;margin:.25rem auto;background:var(--accent)}footer{grid-column:1/-1;height:4rem;background:var(--clr-main)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}a.active{color:var(--clr-accent)}a.pending{color:var(--clr-white)}body{margin:0;min-width:100%;min-height:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--clr-main);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--clr-accent)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:var(--clr-black);background-color:var(--clr-white)}a:hover{color:#747bff}button{background-color:#f9f9f9}}.event-card{border:1px solid var(--clr-main);border-radius:8px;padding:.25rem 1rem;background-color:var(--clr-white);box-shadow:2px 2px 6px #0000001a}.event-card h2{margin-top:0;font-weight:600}