* {
    box-sizing: border-box;
}

html {
    display: block;
}

:root {
    --color-fondo: #d2cfd4;
    --color-1: #589468;
    --color-2: #0f6626;
    --color-3: white;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    margin: 50px;
    
    
}

img{
    width: 40%;
    margin: 50px;
}
a{
    color: #0f6626;
    font-weight: bold;
}
  
   
      
header nav ul {
    list-style: none;

    padding: 1rem;
    
   }
   
   header nav a {
     color: white;
     background-color: #0f6626;
     display: block;
     width: max-content;
     margin: .15em;
     padding-block: .25em;
     padding-inline: 1em;
   }
   
   
   header nav a:hover {
     background-color: whitesmoke;
     color: #0f6626;
   }

body{
    background-color:#f8faf9;
    
}
footer{
    margin-top: 5em;
    background-color: #589468;
    color: #f8faf9;
    padding: 1em;
    
}


h1{
    color: #589468;
    font-size: 40pt;


}