body {
    color: #00285c;
    /* display: flex; */
    /* justify-content: center; */
    line-height: 1.6;
    font-size: 18px;
    background: #C9D6FF;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to top, #E2E2E2, #C9D6FF);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, #E2E2E2, #DCE4FF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */    
    background-repeat: no-repeat;
    background-attachment: fixed;
}

html {
    height: 100%;
}

/* .container {
    display: flex;
    flex-direction: column;
    max-width: 700px;
    flex-basis: 70%;
    margin: 40px auto;
    box-shadow: 2px 2px 5px 0px rgba(184,184,184,1);
}

.content-container {
    display: flex;
    flex-direction: row;
} */

div.post-list {
    padding-top: 50px;
    padding-bottom: 100px;
}

.page-header {
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 2em;
}

.project-container {
    background-color: rgb(255, 255, 255);
    padding: 20px;
    margin: 10px;
}

.nav-list {
    /* background-color: #fff; */
}

.nav-item {
    background-color: rgb(0, 69, 172);
}

.nav-item a {
    color: rgb(255, 248, 218);
}