*{
    margin:0;
    scroll-margin-top:60px;
    padding:0;
    box-sizing:border-box;
}
html{
    background-color:whitesmoke;
    font: 16px Tahoma, sans-serif;
    line-height:200%;
}
.topnav{
    background-color:goldenrod;
    overflow:hidden;
    position:fixed;
    top:0%;
    left:0%;
    width:100%;
    font: 20px Garamond, serif;
    display:flex;
    justify-content:center;
    justify-items:center;
    border-bottom:4px solid midnightblue;
}
/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: midnightblue;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: midnightblue;
    color: whitesmoke;
}
  
/* Add an active class to highlight the current page */
.topnav a.active {
    background-color: #04AA6D;
    color: white;
}
.sidenav{text-align:center;}
.sidenav a{padding:0px 10px;}
.profile img{
    display:block;
    margin-left:auto;
    margin-right:auto;
    padding-top:100px;
    padding-bottom:20px;
}
.profile h1{
    font-family:Garamond,serif;
    color:midnightblue;
    text-align:center;
}
.profile div{
    text-align:center;
    width:70%;
    margin:auto;
}
.fa-ul{
    display:inline-block;
    justify-content:center;
}
.fa-li i{padding-right:10px;}
.project{transition:.2s;}
.project:hover{transform:scale(1.25);}
.block{
    display:block;
    width:50%;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
    margin-top:2%;
    background-color:gainsboro;
    text-decoration: none;
    color:black;
    transition:.2s;
}
.block:hover{
    transform:scale(1.25);
}
.block img{
    display:block;
    object-fit:cover;
    width:100%;
    height:75px;
    object-position:100% 10%;
}
.block h2{text-align: center;}
.block span{text-align: left;}
.banner{
    display:block;
    width:100%;
    object-fit:cover;
    overflow:hidden;
    border-bottom:5px solid midnightblue;
}
.container{display:flex;flex-flow:row;}
.ThreeDeep{
    margin-left:50px; 
}
.ThreeDeep h3{
    color:goldenrod; 
    font:1.3em Tahoma,sans-serif; 
    font-weight:bold;
}
h1{
    font-family:Garamond,serif;
    color:midnightblue;
    text-align:center;
    font-size:2em;
}
h2{
    font-family:Garamond,serif;
    font-weight:900px;
    color:midnightblue;
}
hr{background-color:midnightblue;height:4px;}
footer{
    background-color:goldenrod;
    overflow:hidden;
    display:block;   
}
.icons{
    display:flex;
    flex-flow:row;
    justify-content:center;
    width:25%;
    margin-left:auto;
    margin-right:auto;
    background-color:gainsboro;
}
.icons a{margin:5px;text-decoration:none;}