JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Peter</h1>

<h2>Mijn hobby's</h2>

<ul>
  <li>CoderDojo</li>
  <li>Programmeren</li>
  <li>Reizen</li>
  <li>Uitstapjes</li>
</ul>

<h2>Mijn lievelingsfilmpje</h2>

<iframe width="560" height="315" src="https://www.youtube.com/embed/0D7hFHfLEyk?si=QYWAXImHKFr5cvQh" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

<h2>Mijn lievelingsfoto</h2>

<img width="100%" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR5Ta5lhyU3XmYFlp2VLjjpsNQqlzgq3PYyRw&s" />

<h2>Mijn lievelingsemoji</h2>

🍏🍌🍓🍑

CSS

body {
  background:url('https://media.istockphoto.com/id/1392898737/vector/abstract-horizontal-background-with-colorful-waves.jpg?s=612x612&w=0&k=20&c=xxRagBOWElqfzxPho893QoNmB1HnAw9VM-UHkQhtih4=')
}

h1 {
  color:purple;
}

h2 {
  color:maroon;
}