body{margin:0;background:#ffdc44;color:#005465;font:18px/1.7 system-ui,sans-serif}header,main,footer{max-width:760px;margin:auto;padding:24px}header{padding-top:40px}nav{display:flex;gap:24px;flex-wrap:wrap}a{color:#005465;text-underline-offset:4px}a:focus-visible{outline:3px solid #005465;outline-offset:5px}main{background:#fffbe1;border:3px solid #005465;box-shadow:6px 6px 0 #56d9cd;margin:16px auto 32px;box-sizing:border-box}h1{font-size:2rem;line-height:1.2}h2{font-size:1.3rem;margin-top:32px}footer{font-size:15px}@media(max-width:820px){main{margin:16px 18px 28px}header,footer{padding:22px}h1{font-size:1.7rem}}