h1  {
    text-align: center;
}

/* Navigation Bar Reference: https://www.w3schools.com/howto/howto_css_fixed_sidebar.asp */
/* https://developer.mozilla.org/en-US/docs/Web/CSS/border-right */ 
nav {
    width: 150px;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    border-right: 1px solid;
    padding-top: 20px;
    
}
nav a {
    display: block;
    text-decoration: none;
    padding: 10px;
}
/* Shifts the header, main text, and footer to the right to make way for the sidebar */
main {
    
    margin-left: 160px; 
    
}
header{
    margin-left: 160px;
} 
footer{
    text-align: center;
    margin-left: 160px;
}
/* Centers the images, reference: https://www.w3schools.com/howto/howto_css_image_center.asp */
/* Have images side-by-side https://stackoverflow.com/questions/24680030/align-images-side-by-side-in-html */
.image-container {
    float:left;
    text-align: center;
    padding-bottom: 20px;
    
}
.image-container img {
    width: 35%;
    

}
.paragraph-heading {
    font-size: 20px;
    font-weight: bold;
}