*{box-sizing:border-box}body{margin:0;background:#183e49;color:#f9edcb;font:18px/1.65 system-ui,sans-serif}header,main,footer{max-width:850px;margin:auto;padding:24px}header{display:flex;align-items:center;gap:20px}header img{image-rendering:pixelated;width:88px;height:88px}header strong{font-size:28px}nav{display:flex;gap:24px;flex-wrap:wrap}a{color:#ffe08d;text-underline-offset:4px}a:focus-visible{outline:3px solid #ffe08d;outline-offset:5px}main{background:#fff2d5;color:#263f46;border:4px solid #a7854a;box-shadow:8px 8px 0 #102e37;margin-bottom:28px}main a{color:#145566}h1{font-size:32px;line-height:1.25;margin:0 0 14px}h2{font-size:23px;line-height:1.35;margin:32px 0 8px}p{margin:12px 0}footer{font-size:14px;color:#c9dcdb}.muted{font-size:15px}li{margin:8px 0}@media(max-width:600px){body{font-size:17px}header,main,footer{padding:18px}main{margin:0 10px 20px}h1{font-size:28px}header img{width:64px;height:64px}}