:root{--primary-color: hsl(0, 0%, 0%);--secondary-color: hsl(0, 0%, 40%);--primary-background: hsl(0, 0%, 100%)}@media (prefers-color-scheme: dark){:root{--primary-color: hsl(0, 0%, 100%);--primary-background: hsl(0, 0%, 0%)}}@media (prefers-color-scheme: light){:root{--primary-color: hsl(0, 0%, 0%);--primary-background: hsl(0, 0%, 100%)}}*,:after,:before{box-sizing:border-box}html,body{width:100%;margin:0}body{display:grid;place-content:start center;min-height:100vh;background-color:var(--primary-background);color:var(--primary-color);padding:1em}html{font-family:Figtree,sans-serif;letter-spacing:.02em;font-size:20px;color:#162316;line-height:1.41;overflow-y:scroll;overflow-x:hidden;scroll-behavior:smooth}main{display:flex;flex-direction:column}button,input{font-family:Figtree,sans-serif;color:var(--primary-color)}