html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Montserrat', sans-serif;
    line-height: 1.6;
    color: #333;
    margin: 0;
    padding: 0;
    background-color: #f7f7f7;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

nav.navbar {
    position: fixed; /* Fissa la barra in alto */
    top: 0;          /* Posiziona la barra in cima alla pagina */
    /* left: 0;         Allinea la barra a sinistra */
    width: 100%;     /* Fai sì che la barra copra l'intera larghezza della pagina */
    background-color: #fff; /* Imposta un colore di sfondo per la barra */
    z-index: 1000;   /* Assicurati che la barra rimanga sopra gli altri elementi */
    padding: 10px 0; /*Aggiungi un po' di padding per dare spazio agli elementi*/
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /*Aggiungi un'ombra per migliorare la visibilità */
}


nav.navbar {
    display: flex;
    list-style: none;
    justify-content: space-between;
    padding-left: 350px;
    padding-right: 450px;
    width: 700px;
    justify-content: space-between;
}

.navbar .nav-link:hover {
    color: #33B38D;
}

.navbar-toggler {
    border-color: #33B38D;
}

.navbar-toggler .fas {
    color: #33B38D;
}

#about {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 30px;
    background-color: #fff;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

section.conferences {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 30px;
    background-color: #f1f1f1;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding-left: 180px;
}

section.teaching {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 30px;
    background-color: #fff;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding-left: 180px;
}

section.contact {
    margin-top: 30px;
    background-color: #f1f1f1;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding-left: 180px;
}

.profile-description {
    display: flex;
    align-items: flex-start;
    gap: 30px; /* Spazio tra immagine e testo */
}

.int-edu {
    display: flex;
    align-items: flex-start;
    gap: 30px; /* Spazio tra immagine e testo */
}

#profile {
    flex: 0 0 30%;
    max-width: 30%;
    text-align: center;
}

.portrait {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    border: 5px solid #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    object-fit: cover;
    margin-bottom: 20px;
}

.portrait-title h2 {
    font-weight: 900;
    color: #333;
    margin-top: 10px;
    font-size: 1.5rem;
}

.network-icon {
    list-style: none;
    padding: 0;
    margin: 20px 0 0;
    display: flex;
    justify-content: center;
    gap: 15px;
}

.network-icon li {
    display: inline-block;
}

.network-icon .big-icon {
    font-size: 1.5rem;
    color: #050774;
}

.big-icon {
    max-width: 24px; /* Imposta una larghezza massima */
    height: auto;    /* Mantieni le proporzioni originali */
}


.network-icon .big-icon:hover {
    color: #33B38D;
}

#about h1 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 20px;
}

.description p {
    margin-bottom: .5px; /* Riduci il margine inferiore dei paragrafi */
}

.int-edu {
    margin-top: .5px; /* Riduci il margine superiore della divisione int-edu */
}

#about p {
    font-size: 1rem;
    margin-bottom: 15px;
    color: #555;
}

#about a {
    color: #336db3;
    text-decoration: none;
}

#about a:hover {
    text-decoration: underline;
}

.interests, .education {
    margin-top: 10px;
}

.interests h3, .education h3 {
    font-size: 1rem;
    margin-bottom: 15px;
    color: #333;
}

.ul-interests,
.ul-edu {
    padding: 0;
    list-style: none;
}

.ul-interests li,
.ul-edu li {
    font-size: 1rem;
    margin-bottom: 5px;
    color: #555;
}

.ul-edu li {
    margin-bottom: 2px; /* Riduci lo spazio tra le righe della lista */
    padding: 0; /* Assicurati che non ci sia padding aggiuntivo */
    line-height: 1.2; /* Regola l'altezza della linea se necessario */
    font-size: .8rem;
    color: #555;
}

.ul-edu .fa-li {
    color: #336fb3;
}

.description .course {
    font-weight: 700;
    font-size: x-small;
    color: #333;
}

.description .institution {
    font-weight: 200;
    font-size: x-small;
    color: #888;
}