/* Main gradient background */
.gradient-bg {
    background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
}

/* Project card hover effects */
.project-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* Technology badge styling */
.tech-badge {
    background-color: rgba(79, 70, 229, 0.1);
    color: #4F46E5;
    border: 1px solid rgba(79, 70, 229, 0.2);
}

/* Logo image in header */
.logo-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 8px;
}

/* Main profile image */
.profile-img {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid white;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}