sleepy.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8" />
    <title>Moodifier - Playlist | Happiness</title>
    <script async src="index.js"></script>
    <link rel="stylesheet" href="styles2.css" />
  </head>

  <body class="body7">
    <center>
      <div class="title">
        <p>Relaxzzzz..</p>
      </div>
    </center>

    <br />
    <br />
    <center>
      <button
        class="button"
        onclick="setURL('https://www.youtube.com/embed/jxlBOBOZHqI')"
      >
        Boredom - Tyler, The Creator
      </button>

      <button
        class="button"
        onclick="setURL('https://www.youtube.com/embed/LCYD17qRPN4')"
      >
        Relaxing Music - I
      </button>
<br>
<button
  class="button"
  onclick="setURL('https://www.youtube.com/embed/yot_v0VRGtk')"
>
  Relaxing Music - II
</button>
<button
  class="button"
  onclick="setURL('https://www.youtube.com/embed/Hgv0xfucj6I')"
>
  Relaxing Music - III
</button>
      <br /><br /><br />
      <iframe
        id="iframe"
        width="280"
        height="157.5"
        frameborder="0"
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
        allowfullscreen
      ></iframe>
    </center>

    <div class="footer">
      <center>
        <p>
          made with ❤ by Hanna, Elle, Job and Aakash | source code in GitHub
          repo<a href="https://github.com/aakzsh/moodifier" color="white">
            here</a
          >
        </p>
      </center>
    </div>
  </body>
</html>