body {
  font-family: Arial, sans-serif;
  background-color: #080808;
  color: #ffffff;
  margin: 20px;
  background-image: url('IHO.png'); /* Ruta relativa a la ubicación del archivo CSS */
  background-size: 100px; /* Tamaño de la imagen */
  background-position: 10px 10px; /* Posición de la imagen en la esquina superior izquierda */
  background-repeat: no-repeat; /* Evita que la imagen se repita */
}

h1 {
  text-align: center;
}

form {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.process-btn:disabled {
  background-color: #cccccc;
  cursor: not-allowed;
}

#rows-list,
#labels-list {
  margin-bottom: 20px;
}

select {
  width: 100%;
  height: 150px;
  font-size: 16px;
}

#output-response {
  margin-top: 20px;
  font-size: 18px;
}

/* Estilos para centrar el enlace y el texto "Hecho por" */
#made-by {
  text-align: center;
}

.website-link {
  display: block; /* Hace que el enlace ocupe todo el ancho disponible */
  margin: 0 auto; /* Centra horizontalmente */
}