html, body {
    height: 100%; /* asegura que el fondo se aplique a toda la página */
    margin: 0; /* elimina el margen por defecto */
    font-family: verdana;
    color:white;
  }
  h1{
    font-size: 2rem;
    font-family: montserrat;
    font-weight: bold;
    margin-bottom: 1rem;
    text-align: center;

  }
  
  h2 {
    font-size: 1.5rem;
    font-family: roboto;
    text-align: center;
  }

  h3 {
    font-family:roboto;
    text-align: center;
  }
a {
  text-decoration: none;
  color: inherit;
}

/* Contenedor para controlar el tamaño */

table {
  width: 100%; /* Tabla ocupa el contenedor */
  max-width: 100%; /* Asegura que no se pasa del ancho de la pantalla */
  border-collapse: collapse;
  overflow-x: auto; /*Permite el desplazamiento horizoltal si la tabla es mas ancha que la pantalla */
  text-align: center; /* Centrar texto */
}

th, td {
  border: 1px solid #ddd;
  padding: 10px; /* Espaciado interno */
  text-align: center;
  font-family: montserrat;
}

th {
  background-color: rgb(218, 64, 64);
  color: white;
}