JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Header 1</h1>
  <h2>Header 2</h2>
  <h3>Header 3</h3>
  <p>Random text squirrel heart bunnies</p>
  <h4>Rawr 4 </h4>
  <h5>Why do you need an h5?</h5>
  <h6>Really h6?</h6>

CSS

h1 {
    font-size: 1.5em;
}

h2 {
    font-size: 1.2em;
}

h3 {
    font-size: 1.17em;
}

h4 {
    font-size: 1em;
}

h5 {
    font-size: 0.83em;
}

h6 {
    font-size: 0.75em;
}