body {
    font-family: 'Raleway', sans-serif;

}

header{
    margin-top: 2em;
    min-height: 40px;

}



.menu{
    
    position: fixed;
    background-color: white;
    width: 100%;
    display: flex;
    justify-content: flex-start    ;
    align-items: center;
    flex-wrap: wrap;
    
 
    }




header nav ul li{
    
    color:black;
    font-size: 1em;
    list-style: none;
    font-family: 'Raleway', sans-serif;
    text-decoration: none ;
    flex-wrap: wrap;
    min-height: 40px;
    
    
}




header nav ul li a{ 
    padding: .5em 1.5em;
    text-decoration: none ;
    color:black;
    

}







header nav ul li a:hover {   
    padding: 1em 2em;
    text-decoration: none ;
    color:black;
    font-weight:bolder;
    
    
}


body main figure img {
    display: block;
    margin: auto;
    margin-top: 10em;
    border-radius: 100%;

    

}

body h1 {
    color: black;
    font-family: 'Raleway', sans-serif;
    font-size: 4em ; 
    text-decoration: none;
    font-weight: 500;
    text-align: center
    

}


body nav{
    display: flex;
    
  

}

main nav ul{
    margin-top: 7em;
    font-family: 'Raleway', sans-serif;
    font-size: 1em ; 
    font-weight:lighter;
    display: flex;
    justify-content: flex-start ;
    flex-direction: column;
    list-style: none;
    
    
    
}



body nav ul h2{
  font-family: 'Raleway', sans-serif;
    font-size: 1.1em ;
    font-weight: bold


}

main div{
    
    display: flex;
    overflow: hidden;
    justify-content: center;
    margin-top: -10em
    
}




footer {
    margin-top: 17em ;
    margin-left: 7em;
    font-size: .8rem;
   
    padding: 2em 2em;
   
   
    
}