html {
  min-height: 100%;
  position: relative; 
}
body {
  margin: 0;
  margin-bottom: 40px;
  
}
/* centramos y le damos estilo al h1 de la página principal, el único que hay */
h1{
    width:100%;
    text-align:center;
    font-size: 32px;
    color: #444;
    font-weight: 600;
    line-height: 1.5;
    margin: 0 0 30px;
    font-family: Raleway,sans-serif;
}
/* Estilos para el footer */
footer {
  
  background-color: black;
  position: fixed; /* para que el footer no flote por la pagina */
  bottom: 0; /* para que el footer se coloque abajo del todo en la página */
  width: 100%;
  height: 40px;
  color: white;
  align-items: center;
}
/* centramos los elementos del footer */
.piepagina{
   display: flex;
   justify-content: center;
}
/* estilos para los enlaces del footer */
.piepagina a{
   outline: none;
   text-decoration: none;
   padding: 2px 1px 0;
}

.piepagina a:link {
  color: #265301;
}

.piepagina a:visited {
  color: #437A16;
}

.piepagina a:focus {
  border-bottom: 1px solid;
  background: #BAE498;
}

.piepagina a:hover {
  border-bottom: 1px solid;
  background: #CDFEAA;
}

.piepagina a:active {
  background: #265301;
  color: #CDFEAA;
}