body{
    background-color: #f2dada;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* font-family:  */
    
}


.projects-container{
    width: 100%;
    display: flex;
    padding: 5%;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    gap:2vh
    /* text-align: center; */
}

.project-item h2{
    text-align: center;
}

.project-item{
    padding: 2%;
    border-radius: 5%;
    background-color: rgb(244, 220, 179);
}

.project-item img{
    border-radius: 3%;
    width: 60vw;
}