tailwind.css

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;700&display=swap');

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

@layer base {
    :root {
        --container-padding-x: 3%;
        --section-padding-y: 2rem;
    }

    * {
        box-sizing: border-box;
    }

    body {
        @apply text-base;
    }

    h1,h2,h3,h4,h5 {
        @apply font-bold;
    }

    h1, .h1 {
        @apply text-4xl;
    }

    h2, .h2 {
        @apply text-3xl;
    }

    h3, .h3 {
        @apply text-2xl;
    }

    h4, .h4 {
        @apply text-xl;
    }

    h5, .h5 {
        @apply text-base;
    }

    small {
        @apply text-sm;
    }

    a {
        @apply break-all;
    }
}

@layer utilities {

   /*!* Colors *!*/

   /*!* Layout *!*/
    .container {
        padding-left: var(--container-padding-x);
        padding-right: var(--container-padding-x);
        max-width: 100%;
    }

   /*!* Buttons *!*/

   /*!* List *!*/

   /* !* Breadcrumb *!*/



}