.poppins-extralight {

        font-family: "Poppins", serif;

        font-weight: 200;

        font-style: normal;

      }

      

      .poppins-regular {

        font-family: "Poppins", serif;

        font-weight: 400;

        font-style: normal;

      }

      

      .poppins-bold {

        font-family: "Poppins", serif;

        font-weight: 700;

        font-style: normal;

      }











.name{

    color:#990B45 !important;

}



.text-primary-emphasis{

    color: #990B45;

}



   

 h1{

    font-weight: 400;

 } 

  



html{

    scroll-behavior: smooth;

}



body{

    padding: 3rem;

    margin: 0;

    font-family: 'Poppins', sans-serif;



}

.no-link-style {

    color: inherit;

    text-decoration: none;

  }



#sideNav{

    background-image: url(../img/Group\ 12.png);

      background-size: cover;         /* Copre tutto lo spazio disponibile */

      background-position: center;    /* Centra l'immagine */

      background-repeat: no-repeat;   /* Non ripete l'immagine */

      height: 100vh; 

      font-family: 'Poppins', sans-serif;

      color: #F9F4EE;

}





.icone-app{

    width: 8% !important;

}









@media (max-width: 1045px) {

    #sideNav {

      position: fixed;

      top: 0;

      left: 0;

      right: 0;

      height: auto;

      width: 100%;

      background-image: none; /* rimuove sfondo immagine */

      background-color: #990B45; /* colore di fallback */

      z-index: 1000;

      display: flex !important;

      align-items: center;

      justify-content: space-between;

      padding: 0.5rem 1rem;

      flex-direction: row !important;

    }

  

    #sideNav .container-fluid {

      flex-direction: row !important;

      align-items: center;

      justify-content: space-between;

      width: 100%;

    }

  

    .navbar-collapse {

      background-color: #990B45; /* stesso colore della navbar */

      width: 100%;

    }

    .navbar-toggler {

        color: #F9F4EE;

        border-color: #F9F4EE;

      }

      

      .navbar-toggler-icon {

        filter: invert(98%) sepia(8%) saturate(155%) hue-rotate(315deg) brightness(100%) contrast(100%);

      }

    .navbar-nav {

      flex-direction: column;

      align-items: center;

      gap: 1rem;

      padding: 1rem 0;

    }

  

    .img-profilo {

      height: 40px;

      width: auto !important;

      object-fit: contain;

    }



   

    .resume-section {

        height: auto !important;

        min-height: 100vh; /* opzionale, puoi regolare */

        padding: 2rem 1.5rem !important;

      }

    

     

      .resume-section h1.display-1 {

        font-size: 2.5rem !important;

        margin-bottom: 1rem !important;

      }

    

      .resume-section h2 {

        font-size: 1.5rem !important;

        margin-bottom: 1rem !important;

      }

    

     

      .resume-section p.lead {

        font-size: 1rem !important;

        margin-bottom: 1.2rem !important;

      }

    

     

      .icone-app {

        width: 12% !important;

        margin-right: 0.75rem;

      }

    

      

      .container-fluid {

        padding-left: 1rem !important;

        padding-right: 1rem !important;

      }

    

      

      .bio > section > div {

        padding-bottom: 1.5rem;

      }

  }

  

 

  





@media (min-width:1045px){



    body{

        padding-top: 0;

        padding-left: 17rem;

    }

    #sideNav{

        flex-direction:column;

        width: 17rem;

        height: 100vh;

        padding-top: 20vh;

        display: flex;

        align-items: center;

        justify-content: space-between;

    }

    .img-profilo{

        /* display: block; */

        width: 10rem;

        /* border-radius: 50%;

        border: 0.3rem solid #999;

        margin: auto; */

        

    }

}