JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
  <title>The Life of Coder</title>
  <meta charset="UTF-8">
  <link rel="icon" type="image" href="https://code.s3.yandex.net/web-code/playlist-favicon.ico">
  <link rel="stylesheet" href="style.css">
</head>
<body>
 <div>
  <h1>The Life of</h1>
  <h2>Coder</h2>
  <p><a href="https://www.noisli.com" target="_blank">Плейлист</a> для беспечного занятия кодингом.</p>
  <p>Один раз послушал — семь раз покодил.</p>
  <img src="https://pictures.s3.yandex.net/frontend-developer/free-course/mountains.jpg" alt="картинка на обложке">
 </div>
</body>
</html>

CSS

h1 {
  font-size: 24px;
  text-transform: uppercase;
  font-style: italic;
  font-family: 'William', serif;
}

h2 {
  font-size: 30px;
  text-transform: uppercase;
  font-family: 'Inter', sans-serif;
}

img {
  width: 230px;
}

p {
  font-family: 'Inter', sans-serif;
}