@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons+Round');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');

/* Base Styles */
body {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

/* Custom Patterns */
.hero-pattern {
    background-color: #f0fdf4;
    background-image: radial-gradient(#00A859 0.5px, transparent 0.5px);
    background-size: 20px 20px;
}

.dark .hero-pattern {
    background-color: #121212;
    background-image: radial-gradient(#00A859 0.5px, transparent 0.5px);
    opacity: 0.2;
}

/* Animations */
@keyframes bounce {

    0%,
    100% {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    }

    50% {
        transform: translateY(0);
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    }
}