.divAllProjects{
    display: flex;
    justify-content: center;
    align-items: cente;
    flex-wrap: wrap;
}
.divProj{
    margin: 15px;
    width: 200px;
    height: 250px;
    /* background-color: rgb(211, 224, 228); */
    border-radius: 10px;
    /* display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; */
    position: relative;

}
.divProj .faces{
    position: absolute;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    align-items: center;
    backface-visibility: hidden;
    transition: 0.75s;

    
}
.front{
    border-radius: 5px;
    padding: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(218, 227, 232);
    transform: perspective(500px) rotateY(0deg);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.54);
}
.back{
    padding: 0px;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    transform: perspective(500px) rotateY(180deg);
    background-color: rgb(218, 227, 232);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.54);
}
.divProj:hover .front{
    
    transform: perspective(500px) rotateY(180deg);
}
.divProj:hover .back{
    transform: perspective(500px) rotateY(360deg);
} 
#cardLinksContainer{
    
    width: 90%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cardLinks img{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    
}
.back h4,.back p,.back div{
    margin: 8px;
}
.divCardTecnologies{
    padding: 5px;
}
.divCardTecnologies img{

    width: 20px;
    height: 20px;
}

/* .girarFrente{
    transform: perspective(500px) rotateY(360deg);
    
}
.girarEspalda{
    transform: perspective(500px) rotateY(180deg);
} */

/* .espalda img{
    border-radius: 6px;
    width: 100%;
    height: 100%;
}
.pEmoticono{
    width: 100%;
    height: 100%;
    font-size: 125px;
    display: flex;
    justify-content: center;
    align-items: center;
    
    background-color: rgb(52, 51, 51);
    border-radius: 5px;
} */