/* Anima o logotipo */
.logo {
    transition: transform 0.3s ease-in-out;
}

.logo:hover {
    transform: scale(1.2);
}


/*Cor dos icones muda ao passar o mouse por cima*/
.social {
    fill: var(--primary);
    transition: fill 0.3s ease-in-out;
}

a.social{
    text-decoration: none;
    color: inherit;
}

.social:hover {
    fill: var(--accent)
}


/* Aura no icone */
.icon-container {
    display: inline-block;
    position: relative;
}