JSFiddle - React, Tailwind, and code Playground

HTML

<h1 id="red">
  Каждый
</h1>
<h2 id="orange">
  охотник
</h2>
<p id="yellow">
  желает
</p>
<p id="green">
  знать
</p>
<p id="light-blue">
  где
</p>
<p id="blue">
  сидит
</p>
<p id="purple">
  фазан
</p>

CSS

p {
  font-size: 24px;
  font-weight: bold;
}

#red {
  color: red;
}

#orange {
  color: orange;
}

#yellow {
  color: yellow;
}

#green {
  color: green;
}

#light-blue {
  color: lightblue;
}

#blue {
  color: blue;
}

#purple {
  color: purple;
}