@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base{

    @font-face {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(fonts/Montserrat-Regular_0.ttf);
    }

    *{
        font-family: 'Montserrat';
    }

    .bgColorGradient{
        @apply bg-gradient-to-r from-purple-700 to-blue-500
    }
    .textColorGradient{
        @apply bg-gradient-to-r from-purple-700 to-blue-500 bg-clip-text text-transparent 
    }

    .bgColorGradientCard{
        @apply bg-gradient-to-br from-yellow-200 to-yellow-400
    }
    .bgColorGradientCard2{
        @apply bg-gradient-to-br from-teal-200 to-teal-400
    }
    .bgColorGradientCard3{
        @apply bg-gradient-to-br from-blue-300 to-blue-500
    }
    .bgColorGradientCard4{
        @apply bg-gradient-to-br from-red-200 to-red-400
    }



}