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

body {
  @apply font-montserrat;
}

/*Fonts*/

@layer utilities {
  .font-montserrat {
    font-family: Montserrat, sans-serif;
  }
}
@layer utilities {
  .font-inconsolata {
    font-family: Inconsolata, monospace;
  }
}

/*Typography*/

@layer base {
  h1 {
    @apply text-xl font-semibold lg:text-3xl;
  }
  h2 {
    @apply text-lg font-semibold lg:text-2xl;
  }
  h3 {
    @apply text-base font-semibold lg:text-xl;
  }
  h4 {
    @apply text-sm font-semibold lg:text-lg;
  }
  p {
    @apply text-sm font-normal lg:text-base;
  }
}

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

body {
  @apply font-montserrat;
}

/*Fonts*/

@layer utilities {
  .font-montserrat {
    font-family: Montserrat, sans-serif;
  }
}
@layer utilities {
  .font-inconsolata {
    font-family: Inconsolata, monospace;
  }
}

/*Typography*/

@layer base {
  h1 {
    @apply text-xl font-semibold lg:text-3xl;
  }
  h2 {
    @apply text-lg font-semibold lg:text-2xl;
  }
  h3 {
    @apply text-base font-semibold lg:text-xl;
  }
  h4 {
    @apply text-sm font-semibold lg:text-lg;
  }
  p {
    @apply text-sm font-normal lg:text-base;
  }
}