body {
    font-family: courier;
}



p {
    font-weight: bold;
}

.site-title {
    text-align: center;
}

.site-title h1 {
    color: blue;
}

.nav-site {
    color: green;
    text-align: center;
    list-style: none;
}

.nav-site ul {
    padding-left: 0px;
}

.nav-site li {
    display: inline;
}

.main-body {
    padding:10px;
    color: green;
}

.nav-page {
    padding: 10px;
    float: left;
    margin-right: 20px;
    height: 100vh;
    max-width: 200px;
}

.nav-page h1 {
    font-size: 20px;
}

.nav-blog {
    padding: 10px;
    float: left;
    margin-right: 20px;
    height: 100vh;
}

.nav-project {
    padding: 10px;
    float: left;
    margin-right: 20px;
    height: 100vh;
}

.content {
    margin: 20px;
    color: red;
    padding-left: 220px;
}

.project-brief {
    color: purple;
}

.project-brief h1 {
    font-size: 20px;
}

.blogpost-brief {
    color: magenta;
}

.blogpost-brief h1 {
    font-size: 20px;
}