/* Below is the reset rule */
* {
    margin: 30px; 
    padding: 0; 
    border: 0; 
    box-sizing: border-box; /* this makes it so 500px is truly 500px all around */
    background-color: #565658;
}


li, a {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-weight: 40000;
    text-align: center;
    font-size: 20px;
    margin: 10px;
    display: inline-block;
    color: rgb(255, 255, 255);

}

p{
color: rgb(255, 255, 255);
font-size: 30px;
}

p2{
    color: rgb(255, 255, 255);
    font-size: 30px; 
}

/* style rule */
body {

    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

#header-1, h1 {
    text-align: center;
    text-shadow: 5px 5px rgb(0, 0, 0);
    margin-bottom: -10px;
    font-size: 65px;
    font-style: italic;
    min-height: 1;
    letter-spacing: -3px;
    color: rgb(255, 255, 251);
    
}



div.navbar{
    text-align: center;
    display: flex;
    margin-top: 100px;
    background-color: black;
    border-radius: 20px;
   


   
}

.navbar{
    background-image: linear-gradient(to right,rgb(255, 255, 255), rgb(0, 0, 0));
}

.nav_links{
display: inline-flex;
display: contents;

}



h2{
    color: rgb(255, 255, 255);
    text-shadow: 3px 3px rgb(0, 0, 0);
font-size: 40px;
    font-style: italic;
}


.pic-of-me{
    filter: drop-shadow(8px 8px 6px rgba(0, 0, 0, 5));
}