.project-image {
     width: 100%;
    /* Adjust based on the desired size */
     max-height: 150px;
    /* Limit the height to ensure consistency */
     border-radius: 5px;
}
 .grid-cols-1, .grid-cols-3 {
     gap: 24px;
    /* Increase the gap between cards */
}
 .shadow-neumorphism {
     padding: 20px;
    /* Add more padding inside the cards */
}
 h3 {
     font-size: 1.75rem;
     font-weight: 700;
     color: #2c3e50;
}
 p {
     font-size: 1rem;
     color: #7f8c8d;
}

 a {
     color: #007BFF;
     text-decoration: none;
}
 a:hover {
     text-decoration: underline;
     color: #0056b3;
}

 @keyframes hover-scale {
     from {
         transform: scale(1);
    }
     to {
         transform: scale(1.05);
    }
}