html,body{height:100%;margin:0;padding:0;font-family:Arial}
body{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  padding-top:2rem;
  background:white;color:black;
}

.header{width:90%;max-width:600px;text-align:center;margin-bottom:1rem}
.brand{font-size:1.25rem}
nav[role="navigation"] .nav{display:flex;gap:.75rem;justify-content:center;align-items:center;list-style:none;margin:0;padding:0}
nav[role="navigation"] .nav li{margin:0;padding:0}
nav[role="navigation"] .nav a{text-decoration:none;color:inherit;padding:.25rem .5rem;font-size:1rem;display:inline-block}
nav[role="navigation"] .nav a:focus{outline:1px dotted;outline-offset:2px}
nav[role="navigation"] .nav a[aria-current="page"]{text-decoration:underline}

.container{width:90%;max-width:600px}
.post-list{list-style:none;padding:0;margin:0}
.post{margin-bottom:1rem}
.post h2{margin:0 0 .2rem 0;font-size:1.1rem}
.meta{font-size:.9rem;margin-bottom:.3rem;color:inherit}
.content,.excerpt{font-size:1rem}
form input,form textarea,form button{font-family:Arial;font-size:1rem}