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

.bg-gradient-to-r {
    background-size: 200% 200%;
    animation: gradient 15s ease infinite;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.hover-scale:hover {
    transform: scale(1.05);
    transition: transform 0.3s ease-in-out;
}

.text-brown-600 {
    color: #8B4513;
}

/* Add more custom styles as needed */