@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400&family=Montserrat:wght@700&family=Playfair+Display:wght@400&family=Raleway:wght@600&family=Roboto:wght@400&display=swap');
@import 'tailwindcss';

@source '../../../../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../../../../storage/framework/views/*.php';
@source '../*.blade.php';
@source '../js/*.js';

@import '../brand.css';

@theme {
    --animate-fade-up: fadeUp 0.6s ease-out both;
    --animate-shine: shine 1.5s infinite linear;

    @keyframes fadeUp {
        from {
            opacity: 0;
            transform: translateY(10px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @keyframes shine {
        0% {
            transform: translateX(-100%)
        }

        100% {
            transform: translateX(100%)
        }
    }

    @keyframes breathe {

        0%,
        100% {
            transform: scale(1);
        }

        50% {
            transform: scale(1.05);
        }
    }

    --animate-breathe: breathe 20s infinite ease-in-out;
}

@utility animate-delay-100 {
    animation-delay: 100ms;
}

@utility animate-delay-200 {
    animation-delay: 200ms;
}

@utility animate-delay-300 {
    animation-delay: 300ms;
}

@utility animate-delay-400 {
    animation-delay: 400ms;
}

@utility animate-delay-500 {
    animation-delay: 500ms;
}