* {
    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;
    padding: 50px;
}


footer {
    background-color: var(--color-1);
    color: var(--color-2);
}



   body{
       background-color: #589468;
   }

   h1{
       color: whitesmoke;
       font-size: 30pt;
       
   }

   header nav ul {
    list-style: none;
    background-color:#589468;
    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;
   }

   a{
       color: #0f6626;
       font-weight: bold;
   }