JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Top Level Heading</h1>
<p>Just some text...</p>
<h2>Second Level Heading</h2>
<p>A sentence with some random words. And another. How about one more.</p>
<h3>This is a third heading</h3>
<p>More arbitrary things to add. Just a meaningless paragraph. No real message.</p>

CSS

body {
  font-family: sans-serif;
  color: #c0c5ce;
  background-color: #2b303b;
}

h1 {
  color: #d08770;
}

h2 {
  color: #8fa1b3;
}

h3 {
  color: #b48ead;
}

h4 {
  color: #a3be8c;
}