.project-card
{
    border-radius:12px;
    /* border:4px solid #eeeeee; */
    text-decoration: none;
    color:black;
    height: 100%;
    min-height: 500px;
    transition: background-color 0.3s ease, transform 0.3s ease;
    overflow: hidden;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
    box-sizing: border-box;
    background-color: #f5f5f5;
}
.project-card h4
{
    font-weight: bold;
    color:#101010;
    padding:10px;
}
.project-card p
{
    color:#454545;
    padding:10px;
}
.project-card img{
    width:100%;
    height:auto;
}

.project-card:hover
{
    background-color: #eaeaea;
    color:black;
    transform: translateY(-10px);
}

.project-card:hover p{
    color:black;
}
.project-card:hover h4
{
    color:black;
}

.technology-card{
    transition: background-color 0.3s ease, color 0.3s ease;
}
.project-card:hover .technology-card
{
    background-color: var(--bg-color);
    color:white;
}
.skillset-card div
{
    display: inline-block;
    padding:3px;
    border:2px solid black;
    border-radius:10px;
    font-size: small;
    font-weight:600;
    margin-right: 3px;
    margin-bottom:3px;
    color:black;
    cursor:default;
}