/* Custom styles for resume.html */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
}

/* Resume image hover effect */
#resume-image {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#resume-image:hover {
    transform: scale(1.01);
    box-shadow: 0 5px 15px rgba(59, 130, 246, 0.4);
}

/* Download button animation */
.btn-primary svg {
    transition: transform 0.3s ease;
}

.btn-primary:hover svg {
    transform: translateY(2px);
}

/* Language toggle button pulse effect */
#toggle-lang {
    position: relative;
}

#toggle-lang::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(59, 130, 246, 0.5);
    border-radius: 0.25rem;
    opacity: 0;
    transform: scale(1.2);
    transition: all 0.5s ease;
}

#toggle-lang:focus::after {
    opacity: 1;
    transform: scale(1);
    animation: pulse-out 1s ease-out forwards;
}

@keyframes pulse-out {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(1.5);
    }
}

/* Enhanced background with subtle pattern */
.bg-gray-900 {
    background-color: #111827;
    background-image: radial-gradient(#1f2937 1px, transparent 1px);
    background-size: 20px 20px;
}