:root{--ink:#2b2a26;--paper:#faf6ee;--leaf:#4d6b3a;--tomato:#b8432f;--line:#e4dccb}
*{box-sizing:border-box}
html{font-size:17px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,"Times New Roman",serif;line-height:1.7}
header,main,footer{max-width:40rem;margin:0 auto;padding:0 1.25rem}
header{padding-top:2rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}
.naam{font-size:1.6rem;color:var(--tomato);text-decoration:none;font-weight:bold}
.tagregel{margin:.2rem 0 1rem;color:#6b665a;font-style:italic}
nav a{margin-right:1.1rem;color:var(--leaf);text-decoration:none;border-bottom:1px dotted var(--leaf)}
nav a:hover{color:var(--tomato);border-color:var(--tomato)}
main{padding-top:1.5rem;padding-bottom:2rem}
h1{font-size:1.7rem;line-height:1.25;margin:.4rem 0 .8rem}
h2{font-size:1.2rem;color:var(--leaf);margin-top:2rem}
.datum{color:#8a8473;font-size:.85rem}
ul.lijst{list-style:none;padding:0}
ul.lijst li{padding:.9rem 0;border-bottom:1px solid var(--line)}
ul.lijst a{color:var(--ink);font-weight:bold;text-decoration:none}
ul.lijst a:hover{color:var(--tomato)}
blockquote{margin:1.2rem 0;padding-left:1rem;border-left:3px solid var(--tomato);color:#5a564b}
footer{padding-top:1rem;padding-bottom:2.5rem;border-top:1px solid var(--line);color:#8a8473;font-size:.85rem}