header nav a, header nav li, header a {
  color: #fff !important;
}
.section {
  background-color: rgba(11,29,57,0.9);
  border-radius: 8px;
  padding: 20px;
}


 html, body {
  height: 100%;             /* Que ocupen toda la pantalla */
  margin: 0;
  display: flex;
  flex-direction: column;   /* Estructura vertical */
}

main {
  min-height: 100vh;              /* ocupa toda la pantalla */
  display: flex;
  align-items: center;            /* centra verticalmente */
  justify-content: center;        /* centra horizontalmente */
  
  color: #fff;                    /* texto blanco */
}

footer {
  background: rgba(0,0,0,0.6);
  color: #fff;
  padding: 15px 0;
  text-align: center;
}