@tailwind base;
@tailwind components;
@tailwind utilities;
@font-face {
    font-family: "Iransans";
    src: url(~/public/fonts/IRANSansWebFaNum.woff2) format("woff2");
}
body {
    font-family: "Iransans";
    direction: rtl;
}

@layer components {
    .loginInput{
        @apply bg-white rounded-[1.563vw] text-[0.833vw] w-full h-[2.917vw] ps-[1.2vw]
    }
    .flexBox{
        @apply flex items-center justify-center
    }
    .greenButton{
        @apply h-[2.917vw] rounded-[1.563vw] py-[0.833vw] px-[4.167vw] text-white bg-primaryGreen gap-[0.521vw] text-[0.833vw]
    }
}