/* Custom styles for Inter font and smooth scrolling */
body {
    font-family: 'Inter', sans-serif;
    scroll-behavior: smooth;
    background-color: #0d1117;
    /* Dark background */
    color: #c9d1d9;
    /* Light text color */
}

/* Custom class for scroll-triggered animations */
.animate-on-scroll {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.animate-on-scroll.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Specific styles for the profile image tilt effect */
.profile-image-container {
    perspective: 1000px;
    /* Establishes a 3D space */
}

.profile-image {
    transition: transform 0.1s ease-out;
    /* Smooth transition for tilt */
    transform-style: preserve-3d;
    /* Ensures child elements are in 3D space */
}