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

@layer utilities {
    .phomo-text {
        background: linear-gradient(to right, #9747FF, #CB2480, #FF0000);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        line-height: normal;
        font-family: __Plus_Jakarta_Sans_Medium;
    }

    .phomo-text-reverse{
        background: linear-gradient(to right, #FF0000, #CB2480,#9747FF );
        background-clip: text;
        line-height: normal;
        font-family: __Plus_Jakarta_Sans_Medium;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .text-xxs{
        font-size:.625rem;
    }

}