/* Custom Styles for Portfolio Website */

.gradient-primary {
    background: linear-gradient(135deg, hsl(220, 90%, 50%) 0%, hsl(260, 70%, 55%) 100%);
}

.gradient-accent {
    background: linear-gradient(135deg, hsl(170, 75%, 40%) 0%, hsl(220, 90%, 50%) 100%);
}

.text-gradient {
    background: linear-gradient(135deg, hsl(220, 90%, 50%) 0%, hsl(260, 70%, 55%) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

html {
    scroll-behavior: smooth;
}

/* Scroll Animations */
.animate-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

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

.animate-on-scroll.fade-in-left {
    transform: translateX(-30px);
}

.animate-on-scroll.fade-in-left.animate {
    transform: translateX(0);
}

.animate-on-scroll.fade-in-right {
    transform: translateX(30px);
}

.animate-on-scroll.fade-in-right.animate {
    transform: translateX(0);
}

.animate-on-scroll.scale-in {
    transform: scale(0.9);
}

.animate-on-scroll.scale-in.animate {
    transform: scale(1);
}