*{box-sizing:border-box}body{margin:0;background:#f0f0eb;color:#18191a;font:16px/1.8 Arial,sans-serif}header,main,footer{max-width:900px;margin:auto;padding:30px 7%}header{display:flex;justify-content:space-between;gap:20px;font-size:13px}header span{letter-spacing:2px;color:#666e5d;font-size:11px}h1{font-size:clamp(40px,8vw,72px);letter-spacing:-3px;font-weight:500;line-height:1.1;margin:40px 0}h2{font-size:24px;line-height:1.3;margin-top:35px;font-weight:500}a{color:inherit;text-underline-offset:4px;overflow-wrap:anywhere}a:focus-visible{outline:2px solid #4a6137;outline-offset:5px}.todo{padding:22px;background:#e1e5d7;border-left:2px solid #6c775b}li{margin-block:10px}footer{display:flex;flex-wrap:wrap;gap:25px;border-top:1px solid #18191a30;margin-top:45px;font-size:13px}