#html {
    background: black;
    color: white;
}

.nav {
    text-align: center;
    font-size:20px;
    a {
        padding-left:50px;
        padding-right:50px;
    }
}

#intro-blurb {
    margin-left: 25%;
    margin-right: 50%;
    margin-top: 5%;
    padding-bottom: 25%;
    float:left;
}


.h-flavor {
    font-size: 11px;
    color: grey;
    font-style: italic;
}

.container {
    h1 {
        text-align:center;
    }
    margin-left:auto;
    margin-right:auto;
    width:50%;
    padding:5%;
    margin-top:10%;
    overflow:auto;
}
.project-box {
    float: right;
    padding:5px;
    border-style: solid;
    border-radius: 5px;
    width:200px;
    height:450px;
    overflow-y: auto;
    h {
        font-size:16px;
        color:yellow;
    }
    p {
        font-style: italic;
    }
}
.blogPost {
	padding:20px;

	.blogDescription {
		font-style: italic;
		padding-left:20px;
	}
}

footer {
    position:relative;
    text-align:center;
    img {
        float:center;
        padding-left:5px;
        padding-right:5px;
    }
}

html a {
	color:yellow;
	text-decoration:none;
	border:50px;
}

html a:hover {
	text-decoration:underline;
}

html body {
    font-family:"JetBrains Mono";
}

.flavor {
	font-size:13px;
	color:yellow;
}