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{--color-light-bg:#eff1f5;--color-light-text:#4c4f69;--color-dark-bg:#303446;--color-dark-text:#c6d0f5;--bg-color:var(--color-light-bg);--text-color:var(--color-light-text)}@media (prefers-color-scheme:dark){:root{--bg-color:var(--color-dark-bg);--text-color:var(--color-dark-text)}}[data-theme=light]{--bg-color:var(--color-light-bg);--text-color:var(--color-light-text)}[data-theme=dark]{--bg-color:var(--color-dark-bg);--text-color:var(--color-dark-text)}html{color:var(--text-color);background-color:var(--bg-color);font-family:Arial,Helvetica,sans-serif;line-height:1.6;transition:all,color .2s}body{margin:0;padding:1.8rem}h1{margin-top:0;margin-bottom:1.5rem;font-size:3rem;font-weight:700;line-height:1.2}h2{margin-top:1.8rem;margin-bottom:1.35rem;font-size:1.5rem;font-weight:400;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{gap:1rem;margin:0;padding:0;list-style:none;display:flex}nav ul li{display:inline}nav ul li a{font-size:1.125rem}main{position:relative}button{cursor:pointer;color:inherit;background:0 0;border:none;border-radius:.225rem;padding:.225rem;font-size:1.5rem}button svg{color:inherit}