*{
    padding: 0;
    margin: 0;
    box-sizing: content-box;
    font-family: helvetica;
    color: whitesmoke

}
/* para que todo este en 0, sin valores predeterminados */ 


header {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: goldenrod
        
  

}

header nav {
    display:flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    
}

header nav ul{
    display:flex;
    width: 100%;
    justify-content: space-between
    ;
    
}

header nav ul li{
   display:flex;
    padding:1em;
    justify-content: space-around
    
}

div h4{
    display:flex;
    padding: 0.2em;
    font-size: 9pt
    
}



main{
    display: flex;
    flex-direction: column;
    align-content: space-between;
    background-color: goldenrod
    
        
}

main section{
    display:flex;
    justify-content:space-around;
    align-content: center;
    margin: 0.1em;
    background-color:currentColor
}

main section div{
    display: flex;
    padding:0.2em;
    justify-content:space-between
    background-color:green;
    width: 33%;
    height: 9em;
    align-content:center
        
    
}
.menu{
    display: flex;
    justify-content: center;
    align-items: center;
    align-content:space-around;
    font-size: 10pt;
    
    
    }

main section div li{
    display: flex;
    justify-content:space-between;
    align-content: center;
    background-color: dimgray;
    width: 400%; 
    
    
    

    
}

footer img {
    width: 100%;

    
}