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

@theme {
    --color-navy: #162040;
    --color-navylt: #1e2d56;
    --color-orange: #f97316;

    --font-heading: Montserrat, sans-serif;
    --font-body: Plus Jakarta Sans;
    /*--font-body: cursive;*/



}

@layer base {
    body {
        @apply font-body
    }
}

@utility header-text {
    @apply text-navy text-[18px] font-medium  border-orange pb-0.5 hover:text-orange transition-colors duration-200
}

@utility header-text-active {
    @apply text-[#123E6B] text-[20px] font-semibold hover:text-orange transition-colors duration-200
}

@utility linear-1{
    @apply bg-linear-to-r  from-[#024E92] via-[#004083]  to-[#022658]
}

@utility linear-2{
    @apply bg-linear-to-r  from-[#F77310] via-[#FF5521]  to-[#CD3B0E]
}

@utility linear-text-1 {
    @apply bg-linear-to-r from-[#024E92] via-[#004083] to-[#022658] bg-clip-text text-transparent;
}