.menu {
  list-style-type: none; /
  padding: 0;
  margin: 0;
  background-color: #1B0C0F; /* Color de fondo del menú (oscuro) */
  display: flex; /* Pone los elementos uno al lado del otro */
  justify-content: center; /* Centra el menú en la pantalla */
}

/* Estilo para cada ítem del menú */
.menu li {
  margin: 0;
}

/* Estilo para los enlaces/botones */
.menu li a {
  display: block;
  color: #F52773; /* Color del texto */
  text-align: center;
  padding: 14px 20px; /* Espaciado interno para que parezca un botón */
  text-decoration: none; /* Le saca el subrayado feo al enlace */
  font-family: sans-serif;
  font-weight: bold;
}

/* Efecto visual al pasar el mouse por encima */
.menu li a:hover {
  background-color: #555; /* Cambia a un gris más claro */
  color: #ff00ff; /* Cambia el texto a color fucsia */
}