*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizespeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}:root{--color-text: #222;--color-background: white;--color-light: silver;--color-primary: #7950f2;--unit: 1rem;--container-width: 60ch;--font-family-sans-serif: system, -apple-system}@media(prefers-color-scheme: dark){:root{--color-text: #fff;--color-background: #222}}body{color:var(--color-text);background-color:var(--color-background);font-family:var(--font-family-sans-serif)}a{color:var(--color-primary)}#main{max-width:var(--container-width);margin:calc(var(--unit)*5) auto}#navigation{display:flex;border-bottom:1px solid var(--color-light);margin:var(--unit)}#footer{margin:auto;max-width:var(--container-width);border-top:1px solid var(--color-light);text-align:center}hr{border-color:var(--color-light)}img{height:auto}.navigation-item,.navigation-label,button{padding:calc(var(--unit)/2)}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}label,input,textarea{width:100%;display:block}button{margin:0}label{padding:calc(var(--unit)/2) 0}