nav{
    margin-bottom: 50px;
}
nav ul{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-flow: wrap;
}
nav ul li {
    border: 2px solid #fff;
    border-radius: 8px;
    padding: 8px 22px;
    transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    box-shadow: 0 2px 8px 0 rgba(32,4,103,0.08);
    background: rgba(255,255,255,0.04);
}
nav ul li a {
    color: #fff;
    font-weight: 500;
    font-size: 1.08rem;
    letter-spacing: 0.5px;
    transition: color 0.3s;
}
nav ul li:hover {
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(32,4,103,0.18);
    border-color: #fff;
}
nav ul li:hover a {
    color: #200467;
}
nav ul li:active {
    transform: scale(0.97);
}
/* Esconder todas as seções exceto a ativa*/
#redes, #about, #skill, #projects {
    display: none;
    
}
.active{
    display: block !important;
}
.active-link{
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(32,4,103,0.18);
    border-color: #fff;
    a{
        color: #200467;
    }
}

/* Animação de fade-in */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}