body{margin:0 auto;max-width:42rem;padding:1.5rem 1rem;font:17px/1.6 Georgia,serif;color:#2b2a27;background:#f7f4ee}
header{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #d9d2c3;padding-bottom:.5rem}
.brand{font-weight:bold;color:#2b2a27;text-decoration:none}
nav a{margin-left:1rem;color:#6b5b3e}
h1{font-size:1.6rem;margin-top:2rem}
.entries{padding:0;list-style:none}
.entries li{display:flex;justify-content:space-between;border-bottom:1px dotted #d9d2c3;padding:.4rem 0}
.entries span{color:#8a8170;font-size:.9rem}
article{margin-bottom:1.5rem}
a{color:#6b5b3e}
footer{margin-top:3rem;font-size:.85rem;color:#8a8170}