@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap");

@import "tailwindcss";

@import "primeicons/primeicons.css";

@plugin "@tailwindcss/typography";

@layer components {
    .container {
        @apply max-w-5xl xl:max-w-[1200px] 2xl:max-w-[1460px] mx-auto px-4 lg:px-8 xl:px-0;
    }

    .smaller-container {
        @apply max-w-[1000px] xl:max-w-6xl 2xl:max-w-[1218px] mx-auto px-4 lg:px-[75px] 2xl:px-0;
    }

    .fixed-navbar-space {
        @apply pt-[65px] lg:pt-[80px];
    }
}

@layer base {
    html,
    body {
        font-family: "Plus Jakarta Sans", sans-serif;
    }
}