body{
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color:#d9d9d9;
    margin: 0;
    background-color: #101720;
}

html{
    scroll-behavior: smooth;
}

h1,h2,h3,h4,h5,h6{
    font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
 
  font-style: normal;
    font-weight: 700;
    

}
.testo{
    color:#d9d9d9;
    text-decoration: none;

}
.testo:hover{
    color: #ffc530;
}
.grigio{
    
        background-color: #283341;
        
}
.verde{
    color: #0acf83;

}
.blu{
    color: #1abcfe;
}
.blu:hover{
    color: #1b5eee;
}
.rosso{
    color:#ff3d8b;
}

@media (min-width:992px){
    body{
        padding-left: 17rem;
    }

    .sidenav{
        width: 17rem;
        flex-direction: column;
        height: 100vh;
       

    }

    .img-profilo{
        width: 10rem;
        border-radius: 50%;
        border: 0.5rem solid #666;
        margin-top: 30px;
    }

    .nav-link:hover{
        color: #333;
    }

    .resume-section{
        width:80%
    }


}