/* แอนิเมชันสำหรับข้อความตอนโหลดหน้าเว็บ */
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-up {
    animation: fadeInUp 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* เอฟเฟกต์รูปภาพ Parallax เบาๆ */
.parallax-img {
    transform: scale(1.05);
    transition: transform 0.5s ease-out;
}

html {
    scroll-behavior: smooth;
}

/* แต่ง Scrollbar ให้เข้ากับธีมเขียว */
::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-track {
    background: #f0fdf4; 
}
::-webkit-scrollbar-thumb {
    background: #166534; 
    border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
    background: #14532d; 
}