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

/*
npm run tailwind
and it will get the command that includes this file from the config file
*/

@layer base {
    h1 {
      font-size: 2.25rem; /* text-4xl */
      line-height: 2.5rem;
      font-weight: 700; /* font-bold */
    }
    h2 {
      font-size: 1.875rem; /* text-3xl */
      line-height: 2.25rem;
      font-weight: 600; /* font-semibold */
    }
    h3 {
      font-size: 1.60rem;
      line-height: 2.00rem;
      font-weight: 600; /* font-semibold */
    }
    h4 {
      font-size: 1.40rem;
      line-height: 2.00rem;
      font-weight: 600; /* font-semibold */
    }
    h5 {
      font-size: 1.30rem;
      line-height: 1.80rem;
      font-weight: 600; /* font-semibold */
    }
    h6 {
      font-size: 1.2rem;
      line-height: 1.70rem;
      font-weight: 600; /* font-semibold */
    }
    
    ul {
      list-style-type: disc;
      padding-left: 1.25rem; /* same as Tailwind's pl-5 */
    }

    ol {
      list-style-type: decimal;
      padding-left: 1.25rem;
    }

  }