.topbar {

    display: flex;

    justify-content: space-between;

    align-items: center;

    background-color: #333;

    color: white;

    padding: 7px;

    padding-left: 100px;

    padding-right: 100px;

    font-family: 'Georgia', serif !important;



}



@media (max-width: 768px) {

    .topbar {

        padding-left: 0;

    }



    .email {

        text-align: center;

    }

}



.social-links {

    display: flex;

}



.social-icon {

    color: white;

    text-decoration: none;

    margin-right: 15px;

    font-size: 13px;

    /* Dimensione delle icone */

    transition: color 0.3s;

    padding-top: 5px;

}



.social-icon:hover {

    color: #ab274f;

    /* Colore rosso rubino al passaggio del mouse */

}



.email a {

    color: white;

    text-decoration: none;

    font-size: 16px;

}



.email a:hover {

    color: #ab274f;

    /* Colore rosso rubino al passaggio del mouse */

}







h1,

h2,

h3,

h4,

h5 {

    font-family: 'Verdana', serif !important;

}