.fade-in-up {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-in-up.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* A simple button hover effect */
.hover-lift {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.hover-lift:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

/* Smooth scrolling behavior */
html {
    scroll-behavior: smooth;
}

/* Specific styles for the hero section background image */
.hero-background {
    background-image: url('https://placehold.co/500x700/111827/d1d5db?text=Profile+Image');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Styles to hide scrollbar and make the website full-width */
body {
    overflow-x: hidden;
    width: 100vw;
}