JSFiddle - React, Tailwind, and code Playground

HTML

<h1> Nieuws door Leyla!

</h1>
<ol>
<li>België:beer ontsnapt</li>
<li>Guyana:1000 bomen gekapt</li>
<li>Vanuatu:overstroming</li>
<li>Groenland:vulkaanuitbarsting</li>
</ol>
<ul>
<li>Bruine beer uit Antwerpen</li>
<li>1000 berken die gekapt zijn</li>
<li>Overstroming Liebe verwoest veel</li>
<li>Vulkaan is toch niet dood, grote uitbarsting</li>
</ul>

<p>
Bruine beer uit de zoo Antwerpen is uitgebroken op 14/03!
In Guyana is er een ramp gebeurt voor de dieren er zijn zo'n 1000 bomen gekapt, veel leefgeied weg!In Vanuatu is er ook een ramp gebeurt er zijn zo'n 100 huizen verwoest door de overstroming! Wetenschappers waren er van overtuigt dat de vulkaan Kari dood was.Maar hij is toch nog eens uitgebarste, nu zijn miljonars heel boos dat hun buitenverblijf op de vulkaan verwoest is!
</p>

CSS

h1 {
  color: blue;
  font-size:55px;
  background-color:lightblue;
}

ol{
  color: red;
  font-size:35px;
  background-color:orange;
}
ul{
  color: green;
  font-size:25px;
  background-color:lightgreen;
}
Html{
  background-color:black
}
p{
  color:purple;
  font-size:15px;
  background-color:lightpink
}