body{margin:0;background:#f7f7f1;color:#263f2f;font:17px/1.7 system-ui,sans-serif}header,main,footer{max-width:820px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;border-bottom:1px solid #ccd4c8}a{color:#315f3c}nav a{margin-left:18px}h1{font:48px/1.15 Georgia,serif}h2{font:28px/1.3 Georgia,serif;margin-top:36px}.note{padding:22px;background:#e6eddf;border-radius:12px}footer{font-size:14px;border-top:1px solid #ccd4c8}@media(max-width:500px){header{display:block}nav a{margin:0 16px 0 0}h1{font-size:38px}}