JSFiddle - React, Tailwind, and code Playground

HTML

<h1>
Заголовок
</h1>
<p id="text">
Каждый
</p>
<p id="text1">
охотник
</p>
<p id="text3">
Желает
</p>
<p id="text4">
Знать
</p>
<p id="text5">
Где
</p>
<p id="text6">
Сидит
</p>
<p id="text7">
Фазан
</p>

CSS

#text{
  color: red;
}

#text1 {
  color: orange;
}
#text3 {
  color: yellow
}
#text4 {
  color:green;
}
#text5 {
  color:blue;
}
#text6 {
  color: darkblue;
}
#text7 {
  color:purple;
}