.project-cards{
    background: white !important;
    transition: 0.3s !important;
    height: 22rem;
}
.project-cards:hover{
    background: whitesmoke !important;
    transition: 0.3s !important;
}   
.type{
    margin: 1rem;
    top: 0; 
    left: 0;
    width: 2rem;
    height: 2rem;
}
.type:hover{
    background: rgb(228, 236, 241);
}
.action_container{
    bottom: 1 !important;
}
.like svg{
    color: var(--header-bg) !important;
    transition : 0.3s !important;
    cursor: pointer;
}
.liked svg{
    color: var(--bs-danger) !important;
    transition : 0.3s !important;
}
.like:hover .heart{
    color: #dc4b59 !important;
    transition: 0.2s;
}
.like:active .heart{
    color: #b32533 !important;
    transition: 0.2s;
}