JSFiddle - React, Tailwind, and code Playground

HTML

<h1 id="red">Красный</h1>
<h1 id="orange">Orange</h1>
<h1 id="yellow">Yellow</h1>
<h1 id="green">Green</h1>
<h1 id="blue">Blue</h1>
<h1 id="blue2">Blue2</h1>
<h1 id="phiol">Phiol</h1>

CSS

#red {
  font-size: 64px;
  color: red;
  text-align: center;
}

#orange {
  font-size: 64px;
  color: orange;
  text-align: center;
}

#yellow {
  font-size: 64px;
  color: yellow;
  text-align: center;
}

#green {
  font-size: 64px;
  color: green;
  text-align: center;
}

#blue {
  font-size: 64px;
  color: blue;
  text-align: center;
}

#blue2 {
  font-size: 64px;
  color: blue;
  text-align: center;
}

#phiol {
  font-size: 64px;
  color: purple;
  text-align: center;
}