*,*::before,*::after{box-sizing:border-box}body,div,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0}ul,ol{padding-left:2em;margin:1em 0}li{margin:.5em 0}li>ul,li>ol{margin:.5em 0}html{font-size:16px}body{color:#2c3e50;background:#f8f9fa;font-family:atkinson hyperlegible next,monospace,sans-serif;line-height:1.6;padding:2rem;max-width:800px;margin:0 auto}header{margin-bottom:3rem;padding:1rem 0;border-bottom:2px solid rgba(44,62,80,.1)}footer{margin-top:3rem;padding:2rem 0;text-align:center;border-top:2px solid rgba(44,62,80,.1);color:#6b4e71;font-size:.9rem}a{color:#4caf50;text-decoration:none;transition:color .2s ease}a:hover{color:#3d8b40;text-decoration:underline}nav{margin:1rem 0}nav ul{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;list-style-type:none;padding:0}nav li:first-child{font-weight:700;font-size:1.2rem}nav li:first-child a{color:#4caf50}nav a{color:#6b4e71}nav a:hover{color:#4caf50}h1,h2,h3,h4,h5,h6{margin:1.5rem 0 .5rem;line-height:1.2;color:#6b4e71}h1{font-size:2.5rem;font-weight:900}h2{font-size:1.75rem;font-weight:600}p{margin:1.25rem 0}h1+time,h2+time{font-size:.75rem;color:#6b4e71}h2:has(+time){margin-bottom:0}@media(max-width:768px){html{font-size:14px}body{padding:1rem}nav ul{gap:1rem}h1{font-size:2rem}h2{font-size:1.75rem}}