<h1 class="text-3xl">Heading H1</h1>
  <h2 class="text-2xl">Heading H2</h2>
  <h3 class="text-xl">Heading H3</h3>
  <h4 class="text-lg">Heading H4</h4>
  <h5 class="text-base">Heading H5</h5>
  <h6 class="text-sm">Heading H6</h6>

              

                
  <h1 class="text-3xl font-light">Heading H1</h1>
  <h2 class="text-2xl font-light">Heading H2</h2>
  <h3 class="text-xl font-light">Heading H3</h3>
  <h4 class="text-lg font-light">Heading H4</h4>
  <h5 class="text-base font-light">Heading H5</h5>
  <h6 class="text-sm font-light">Heading H6</h6>

              

                
  <h1 class="text-3xl font-semibold">Heading H1</h1>
  <h2 class="text-2xl font-semibold">Heading H2</h2>
  <h3 class="text-xl font-semibold">Heading H3</h3>
  <h4 class="text-lg font-semibold">Heading H4</h4>
  <h5 class="text-base font-semibold">Heading H5</h5>
  <h6 class="text-sm font-semibold">Heading H6</h6>

              

                    
  <h1 class="text-3xl text-primary dark:text-accent-light">Heading H1</h1>
  <h2 class="text-2xl text-secondary dark:text-secondary-light">Heading H2</h2>
  <h3 class="text-xl text-info">Heading H3</h3>
  <h4 class="text-lg text-success">Heading H4</h4>
  <h5 class="text-base text-warning">Heading H5</h5>
  <h6 class="text-sm text-error">Heading H6</h6>

                  

                    
  <p>
    <span
      class="bg-gradient-to-r from-sky-400 to-blue-600 bg-clip-text text-lg font-semibold text-transparent"
    >
      The quick brown fox jumps over the lazy dog.
    </span>
  </p>
  <p>
    <span
      class="bg-gradient-to-r from-green-400 to-fuchsia-400 bg-clip-text text-lg font-semibold text-transparent"
    >
      The quick brown fox jumps over the lazy dog.
    </span>
  </p>
  <p>
    <span
      class="bg-gradient-to-r from-fuchsia-600 to-pink-600 bg-clip-text text-lg font-semibold text-transparent"
    >
      The quick brown fox jumps over the lazy dog.
    </span>
  </p>
  <p>
    <span
      class="bg-gradient-to-r from-amber-400 to-orange-600 bg-clip-text text-lg font-semibold text-transparent"
    >
      The quick brown fox jumps over the lazy dog.
    </span>
  </p>
                  

                    
  <p class="text-lg underline">The quick brown fox jumps over the lazy dog.</p>
  <p class="text-lg overline">The quick brown fox jumps over the lazy dog.</p>
  <p class="text-lg line-through">
    The quick brown fox jumps over the lazy dog.
  </p>
  <p class="text-lg no-underline">
    The quick brown fox jumps over the lazy dog.
  </p>

                  

                    
  <p class="text-sm leading-6">
    I’m Derek, an astro-engineer based in Tattooine. I like to build X-Wings at
    <a href="#" class="font-semibold underline decoration-info decoration-2"
      >My Company, Inc</a
    >. Outside of work, I like to
    <a
      href="#"
      class="font-semibold underline decoration-secondary decoration-2"
      >watch pod-racing</a
    >
    and have
    <a href="#" class="font-semibold underline decoration-primary decoration-2"
      >light-saber</a
    >
    fights.
  </p>

                  

                    
  <p class="text-sm leading-6">
    I’m Derek, an astro-engineer based in
    <a
      href="#"
      class="font-semibold underline decoration-info decoration-wavy decoration-2"
    >
      Tattooine </a
    >. I like to build X-Wings at
    <a
      href="#"
      class="font-semibold underline decoration-info decoration-double decoration-2"
      >My Company, Inc</a
    >. Outside of work, I like to
    <a
      href="#"
      class="font-semibold underline decoration-secondary decoration-dotted decoration-2"
      >watch pod-racing</a
    >
    and have
    <a
      href="#"
      class="font-semibold underline decoration-primary decoration-dashed decoration-2"
      >light-saber</a
    >
    fights.
  </p>