body {
    /* this should be a nice set of fonts */
    font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen-Sans,Ubuntu,Cantarell,helvetica neue,sans-serif;
    min-height: 100vh;
    margin:0;
    padding:0 
}

.nav-container {
    background-color: #212C68;
    width:      100%;
}

.nav-menu, .main {
    max-width:  500pt;
    margin:     auto;
}

.nav-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu-list {
    display: flex;
    flex-flow: row-reverse;
    list-style: none;
    margin: 0pt;
    padding: 0pt;
}

.menu-item a {
    font-size: 20pt;
    font-weight: 700;
    padding: 5pt;
    color: white;
    display: block;
    text-decoration: none;
}

.menu-item a:hover {
    background-color: #E62F25;
}

.main {
    text-align: justify;
    padding: 20pt;
}


/* main{flex-grow:1}img{max-width:100%;border-radius:.2rem}pre{overflow-x:auto;border:.1rem solid #d3d3d3;padding:1rem}code{font-family:SFMono-Regular,Consolas,liberation mono,Menlo,Courier,monospace}.Banner{list-style:none;display:flex;flex-flow:row-reverse wrap-reverse;justify-content:space-between;margin:0;padding:0}.Banner-item:nth-child(1){order:2}.Banner-item:nth-child(2){order:1}.Banner-item--title{flex-grow:1}.Banner-link{font-size:1.25rem;color:#fff;padding:.5rem 1rem}.Heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline}.Heading-title{margin:1.5rem .5rem 0 0}.Heading-link{color:inherit}.Tags{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;margin:1.5rem 0;padding:0}.Tags-item{border-radius:.2rem;margin:.2rem;padding:0 .3rem}.Tags-link{color:#fff}.Divider{display:flex;justify-content:center}.Divider::after{content:"\a0"}.Pagination{font-size:1.25rem;color:inherit}.Pagination--right{float:right}.Footer{text-align:center;margin:1rem 0}.u-wrapper{max-width:42rem;margin:auto}.u-padding{padding:0 1rem}.u-background{background:teal}.u-clickable{font-weight:700;text-decoration:none;display:inline-block} */