html{box-sizing:border-box;font-size:16px}*,*:before,*:after{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0;font-weight:400}ol,ul{list-style:none}img{max-width:100%;height:auto}:root{--bg-color: #fafafa;--text-color: #1f2430}@media (prefers-color-scheme: dark){:root{--bg-color: #193549;--text-color: #eff2e2}}[data-theme=light]{--bg-color: #fafafa;--text-color: #1f2430}[data-theme=dark]{--bg-color: #193549;--text-color: #eff2e2}html{font-family:Arial,Helvetica,sans-serif;color:var(--text-color);background-color:var(--bg-color);transition:all ease,color .2s ease;line-height:1.6}body{margin:0;padding:1.8rem}h1{font-size:3rem;font-weight:700;margin-bottom:1.5rem;margin-top:0;line-height:1.2}h2{font-size:1.5rem;font-weight:400;margin-bottom:1.35rem;margin-top:1.8rem;line-height:1.3}p{margin-bottom:1.35rem;font-size:1.125rem}ul{margin-bottom:1.35rem}li{margin-bottom:.9rem}a{color:var(--text-color);text-decoration:underline}.main-container{max-width:40rem;margin:0 auto}nav{margin-bottom:1.5rem}nav ul{list-style:none;padding:0;margin:0;display:flex;gap:1rem}nav ul li{display:inline}nav ul li a{font-size:1.125rem}main{position:relative}button{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.225rem;border-radius:.225rem;color:inherit}button svg{color:inherit}