JSFiddle - React, Tailwind, and code Playground

HTML

<p id="first">Как</p>
<p id="second">Отважный</p>
<p id="third">Жан</p>
<p id="forth">Звонарь</p>
<p id="fifth">Головою</p>
<p id="sixth">Сбил</p>
<p id="seventh">Фонарь!</p>

CSS

#first {
  color: red;
  font-size: 24px;
  font-weight: bold;
}
#second{
  color: orange;
  font-size: 24px;
  font-weight: bold;
}
#third{
  color: yellow;
  font-size: 24px;
  font-weight: bold;
}
#forth{
  color: green;
  font-size: 24px;
  font-weight: bold;
}
#fifth{
  color: #42aaff;
  font-size: 24px;
  font-weight: bold;
}
#sixth{
  color: blue;
  font-size: 24px;
  font-weight: bold;
}
#seventh{
  color: purple;
  font-size: 24px;
  font-weight: bold;
}