body {
    background-color: cornsilk;
} 


header {
    background-color: darksalmon;
    padding: 2em;
    margin: 1em;
    width: 50%; 
    
}


body nav ul li a {
    list-style: none;
    color: cornsilk;
    background-color: darkseagreen;
    font-weight: bold;
    font-size: 1em;
    display: block;
    margin: .1em;
    padding: .1em;   
    width: 100%;
    font-family:"archer", book;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    border-radius: 5em;
    
 
   
}

h1 {
    background-color: darksalmon;
    margin: .1em;
    color: cornsilk;
    padding: .1em;  
    width: 80%;
    font-family:"archer", bold;
     border-radius: 5em;
   display: flex;
    justify-content: center

}
p {
    color: darkseagreen;   
    font-family: "archer", book;
    font-size: 1em;
    padding: .1em;
    margin: 1em;

 }       
h2 {
    color: cornsilk;
    background-color: darksalmon;
    font-family:"archer", book;
    padding: .2em;
    margin: .2em;
    width: 50%;
    border-radius:1em;
    display: flex;
    justify-content: center
        }



ul li {
    color: darkseagreen;
    padding: .1em;
    margin: .1em;
    width: 29%;
    list-style: none;
    font-family: "archer", book;
    font-size: 1em;
}
footer{
    
    background-color: darkseagreen;
    color: cornsilk;
    font-size: 1em;
    font-family: "archer", book;
    padding: .1em;
    margin: .1em;
    width: 100%;
}     

    


img {
    max-width: 100%;
    height: auto;
}
    

nav ul{
    list-style: none;
    display: flex;
}






h3{
   
    margin: .1em;
    color: darksalmon;
    padding: .1em;  
    width: 30%;
    font-family:"archer", bold;
}


@media ( min-width: 50em ) {
    
    section{
        
        column-count: 2;
       
    }

  
    
}