/* Icon styling for profile and project images */
.profile-image i {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    font-size: 8rem;
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 50%;
}

.project-image i {
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    font-size: 4rem;
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    transition: transform 0.3s ease;
}

.project-card:hover .project-image i {
    transform: scale(1.1);
    color: var(--accent-color);
}