.follow-section {
    margin-bottom: 100px;
}

.follow-details, .contact-details {
    margin-top: 20px;
    margin-bottom: 20px;
}

.social-media {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 80px;
}

.social-item,
.email-link {
    margin: 20px 0;
    opacity: 0;
    transform: scale(0.5);
    transition: transform 0.5s ease-out, opacity 0.5s ease-out; /* Transizione per transform e opacità */
    font-size: 2.4rem;
    white-space: nowrap; /* Impedisce l'andata a capo del testo */
}

.social-item i {
    margin: 20px 20px;
    font-size: 4rem;
}
/* Aggiungi questa classe tramite JavaScript per avviare l'animazione */
.animate {
    transform: scale(1); /* Scala normale */
    opacity: 1; /* Rende l'elemento visibile */
}

.email-link {
    transition-delay: 1s; /* Ritarda l'inizio dell'animazione */
    font-size: 1.4rem;
}




/* Regole CSS per schermi piccoli */
@media (max-width: 800px) {

    h1 {
        font-size: 2.2rem;
    }

    .social-item {
        font-size: 1.6rem;
    }

    .social-item i {
        font-size: 3rem;
    }

    .email-link {
        font-size: 1.2rem;
    }

}

/* Regole CSS per schermi piccoli */
@media (max-width: 400px) {

    h1 {
        font-size: 2rem;
    }


    .social-item {
        font-size: 1.4rem;
    }

    .social-item i {
        font-size: 2.2rem;
    }


    .email-link {
        font-size: 1rem;
    }

}