nav ul {
    padding: 10px;
    display: flex;
    gap: 10px;
    justify-content: center;
}


nav ul a {
    color:white(0, 0, 0);
    font-size: 20px;
    width: auto;
    background-color: rgb(45, 18, 199);
    color:azure;
    border-radius: 12px; /* Añadir esta línea para hacer los bordes redondeados */
    padding: 10px 20px; /* Añadir padding para que se vea mejor */
}

nav ul a:hover {
    text-decoration: underline;
    color:rgb(250, 250, 250);
    background-color: black;
}