/* ================= PROJECTS ================= */

.projects{
    background:rgb(213,215,216);
}

.projectcontainer{
    display:flex;
    justify-content:center;
    padding:60px 10%;
}

.proitems{
    width:200px;
    background:white;
    padding:25px;
    border-radius:20px;
    text-align:center;
    box-shadow:0 15px 35px rgba(0,0,0,0.2);
    transition:.3s;
}

.proitems a{
    text-decoration: none;
    font-family:"Poppins",sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: rgb(101,28,109);
}

.myprojects{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.proitems:hover{
    transform:translateY(-10px) scale(1.02);
}

.proitems img{
    border-radius:15px;
}

/* ===== MOBILE ===== */

@media(max-width:600px){

    .proitems{
        width:100%;
    }

}