JSFiddle - React, Tailwind, and code Playground

HTML

<html>
  <head>
    <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap&subset=cyrillic" rel="stylesheet">
  </head>
<body>
  <h1>Заголовок эйч один</h1>
  <p>Параграф пэ параграф пэ параграф пэ параграф пэ абу пидор параграф пэ</p>
</body>
</html>

CSS

body {
  padding: 112px;
  margin: 0px;
  background: url('https://i.imgur.com/Fp4lywP.jpg') no-repeat #fff;
  font-family: Roboto;
}

h1 {
  font-size: 48px;
  line-height: 56px;
  margin: 0;
  margin-bottom: 16px;
}

p {
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  width: 300px;
}