/* Resetarea stilurilor implicite pentru listă */
ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/* Stil general pentru bara de navigație */
nav {
    background-color: #0b2da9; /* Fundal gri închis pentru un look modern */
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2); /* Adaugă o umbră pentru un efect de elevație */
}

/* Stilizarea linkurilor din bara de navigație */
nav a {
    background-color: #0b2da9; /* Fundal gri închis pentru un look modern */
    float: left;
    display: block;
    color: rgb(255, 255, 255); /* Text alb pentru contrast */
    text-align: center;
    padding: 14px 16px; /* Padding confortabil pentru clic */
    text-decoration: none;
    font-size: 26px; /* Font lizibil și modern */
    transition: background-color 0.3s, color 0.3s; /* Tranziție lină pentru hover */
}

/* Efecte la survolarea linkurilor */
nav a:hover, nav a:focus {
    background-color: #3498db; /* Schimbă la un albastru vibrant */
    color: #f4f4f4; /* Menține textul aproape alb */
}

/* Stil pentru linkul activ din meniu */
nav .active {
    background-color: #2980b9; /* Un albastru mai închis pentru elementul activ */
    color: #fff;
}

/* Stil pentru alinierea orizontală și centrarea linkurilor */
nav ul {
    display: flex;
    justify-content: space-around; /* Distribuie elementele uniform */
    align-items: center; /* Centrare verticală */
    height: 50px; /* Înălțime fixă pentru nav */
}

/* Îmbunătățirea spațiului dintre linkuri */
nav ul li {
    margin: 0 10px;
    background-color: #0b2da9;
}