@media (max-width: 1024px){
    .container{
        width: 95%;
    }

    header nav ul li{
        display: block;
        margin-bottom: 10px;
    }

    .habilidades{
        flex-direction: column;
        align-items: center;
    }

    .habilidade-item, .projeto-item{
        max-width: 100%;
    }

    section h2{
        display: block;
    }

}