body {

    background: #001429;
}

#pagina {
    
    padding: 0;
    padding-bottom: 1px;
    font-family: sans-serif;
}

.pagina-black {

    background-color:#333333 ;
    color: white;
}

.pagina-white {

    background-color:white ;
    color: black;
}

header {

    color: white;
    background-color: dimgrey;
}

.fonte {
    
    font-family: serif;
}

.borda {

    border: 1px solid black;
}

.espacamento {

    margin-top: 30px;
}

hr {

    margin-top: 50px;
    margin-bottom: 50px;
}

.foto {
    
    border-radius: 100%;
    border: 2px solid black;
}

.apresentacao {

    margin-top: 50px;
    margin-bottom: 40px;
}

.habilidades {

    
}

.habilidade {

    padding: 0;
    margin-left: 12px;
    margin-right: 12px;
    right: 50px;
    left: 50px;
    margin-top: 20px;
    border-radius: 10px;
    background: linear-gradient(236.85deg, #041832 27.26%, #02326c 96.03%);
    transition: transform 0.3s ease-in-out;
}

@media (max-width: 768px) {
    .habilidade {

        width: 30%;
        
    }
}

.img-habilidade {

    border-radius: 10px;
    width: 70px;

}

.descricao-habilidade {

    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: dimgrey;
    color: white;
    right: 5px;
}

.descricao-habilidade p{

    margin: 0;
}


.habilidade:hover {
    transform: scale(1.1);
}


.projeto {

    color: white;
    background: linear-gradient(236.85deg, #041832 27.26%, #02326c 96.03%);
    margin-top: 20px;
}

.img-projetoj-j {
    
    margin-left: 12%;
    margin-top: 8%;
    margin-bottom: 8%;
    width: 75%;
}

.img-icon-projeto {

    width: 50px;

}

.img-icon-contato {

    width: 40px;

}

.contato {

    margin-top: 30px;
}

.creditos {

    font-size: small;
}