body {
  font-family: Arial, sans-serif;
  margin: 30px;
  background: #e6e3e5;
}
h1 
{ color: #070707; }
a { text-decoration: none; color: #2f0131; }
a:hover { text-decoration: underline; }
form input, form textarea, form select {
  width: 300px;
  margin: 5px 0;
  padding: 8px;
}
button {
  padding: 10px 20px;
  background: #412b3f;
  color: #a89898;
  border: none;
  cursor: pointer;
}
button:hover {
  background: #5c3e58;
}


     header {
       background-color: #5a0447ff;
       color: white;
       display: flex;
       justify-content: space-between;
       align-items: center;
       padding: 20px 20px;
       gap: 10px;
     }

     header h1 {
       margin: 0;
       font-size: 1.5em;
       color: #f068d9ff;
     }

     header nav

   div  contenedor {
            text-align: left; 
        }
        div class imagen {
            align-self: center;
            max-width: 100%;
            height: auto;
            margin-bottom: 15px;
        }
        div class text {
            margin-bottom: 150px; 
        }

     nav {
       display: flex;
       gap: 15px;
     }

     nav a i {
       color: white;
       text-decoration: none;
       font-weight: bold;
       padding: 5px 10px;

     }

     nav a:hover {
       background-color: #e964d7ff;
       border-radius: 5px;
     }

     footer {
    grid-area: footer;
    background-color:#2f0131 ;
    color:#5c3e58 ;
}

footer nav {
    height: 100%;
}

footer nav ul {
    height: 100%;
    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    justify-items: center;
}

footer ul li {
    list-style: none;
    display: block;
    padding: 20px;
    color: white;
}

footer ul li a {
    color: inherit;
    text-decoration: none;
}