.project-div {
    background-color: var(--dark-bg);
    border-radius: 15px;
    max-width: 550px;
    margin: 10px;
    padding: 20px;
    flex: 1 1 300px;
    text-align: left; 
    transition: transform 0.2s;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5), 
                0 0 0 1px rgba(255, 255, 255, 0.05); 
}

.project-div:hover {
    transform: scale(1.01);
}

.project-div h2 a {
    color: var(--link-color);
    text-decoration: none;
}

.project-div h2 a:hover {
    text-decoration: underline; 
}

.project-image {
    width: 100%;    
    max-height: 300px; 
    object-fit: cover;   
    border-radius: 10px;
    margin-top: 15px;  
}