JSFiddle - React, Tailwind, and code Playground

HTML

<h1><span id="red">Каждый</span>
<span id="orange">охотник</span>
<span id="yellow">желает</span>
<span id="green">знать,</span>
<span id="blue"> где</span> 
<span id="darkblue">сидит</span>
<span id="purple"> фазан</span></h1>
<iframe width="770" height="437" src="https://www.youtube.com/embed/QZg3Tkrs55c" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

CSS

#red {
  color: red;
}
#orange {
  color: orange;
}
#yellow {
  color: yellow;
}
#green{
  color: green;
}
#blue {
  color: blue;
}
#darkblue {
  color: #00008B;
}
#purple{
  color: purple;
}