#project_grid {
    width: 88%;
    height:90vh;
    border: solid 1px lightgrey;
    margin-left: 6%;
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: white;

}
#title_bar {
    background-color:white;
    border-bottom:solid 1px var(--border-color);
    padding-top:1em;
    padding-bottom:1em;
}

#title_bar h1 {
    font-weight:lighter;
    padding-left:1em;
    
}

#grid_layout td {
    vertical-align:top;
}

#nav_bar table {
    margin:0;
    padding:0;
    width:100%;
    border-collapse: collapse;
}

#gallery {
    max-width:670px;
    margin-left:2em;
    margin-right:2em;
}

#gallery img {
    box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


#about {
    max-width:600px;
    padding:2em;
    margin-left:2em;
    margin-right:2em;
    background-color:white; 
    border:solid 1px var(--border-color); 
}


#nav_bar button {
    background-color: whitesmoke;
    border: solid 1px var(--border-color);
    margin: 0;
    font-size: 1em;
    margin-left: -5px;
    margin-right: 3px;
    padding: 1em;
    color: grey;
}

#nav_bar_contents {
    max-width:500px;
    margin:0;
    padding:1em;
    padding-left:0;
    margin-top:-5px;
    margin-left:-2px;
}