body {
    line-height: 1.4;
    background-color: #eee;
    font-size: 16px;
}

#content {
    max-width: 90ch;
    margin: 20px;

}

#header {
    position: relative;
    background-color: #333;
    display: flex;
}

nav {
    /* position: relative; */
    /* background-color: #333; */
    /* padding: 20px 20px; */
    display: flex;
    color: #bbb;
    font-size: 140%;
}

nav a { color: #aaa; text-decoration: none;}
#nav-logo { padding: 20px 20px; }
#nav-menu { padding: 20px 20px; align-self: flex-end;}
#nav-atom { padding: 20px 20px; align-self: flex-end;}
.nav-item { padding: 5px; display: inline-block;}

#content a { text-decoration: none; }



pre { font-size: 14px;
      white-space: pre;
      color: #222;
      background-color: #ddd; }
p.date-posted { font-style: italic; }
p.fineprint { font-size: smaller; }