@import url('https://fonts.googleapis.com/css2?family=Mona+Sans:ital,wght@0,200..900;1,200..900&display=swap');


/* styles.css */
@tailwind base;
@tailwind components;
@tailwind utilities;

*{
    font-family: 'Mona Sans', sans-serif;
}
html {
    scroll-behavior: smooth;
}


.section-padding {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.nav-link {
    @apply relative text-gray-700 hover:text-green-600 transition-colors;
}

/* Add these styles */
.active-nav-link span span:first-child {
    @apply text-green-600 font-medium;
}

.active-nav-link span span:last-child {
    @apply scale-x-100;
}