*{box-sizing:border-box}body{margin:0;background:#faf7ef;color:#28231f;font:17px/1.75 system-ui,sans-serif;border-top:7px solid #701f30}header,main{max-width:880px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9cbbb;gap:20px}header a{font:600 27px Georgia,serif;text-decoration:none}a{color:#701f30}select,button{font:inherit;padding:9px;border:1px solid #d9cbbb;border-radius:7px;background:#fff}h1{font:500 42px Georgia,serif;margin:24px 0}h2{font:500 25px Georgia,serif;margin:32px 0 12px}p{margin:0 0 18px}.date{color:#776b60;font-size:13px}footer{background:#701f30;color:#fff4e5;padding:25px;text-align:center}footer a{color:inherit}button{cursor:pointer}nav{display:flex;gap:20px;flex-wrap:wrap}@media(max-width:450px){header,main{padding:20px}h1{font-size:33px}body{font-size:16px}}