JSFiddle - React, Tailwind, and code Playground

by Vaniljs

HTML

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>История бодибилдинга</title>
    <link rel="stylesheet" href="style.css">
  </head>

  <body>
    <section>
      <video autoplay loop muted class="bgvideo" id="bgvideo">
        <source src="Assets\BackgroundVideo.mp4" type="video/mp4">
        </source>
      </video>
    </section>

    <h1>
      История развития бодибилдинга
    </h1>

    <section>
      <div class="">
        <div class="leftmargin">
          Бодибилдинг или культуризм - это один из <strong> древнейших </strong> видов спорта. <br><br>
          <p> В этой статье вы узнаете:<br>
            1. С каких времён существует такой вид спорта, как культуризм(бодибилдинг) <br>
            2. Как он набирал популярность <br>
            3. Почему в наше время им стали заниматься почти все люди <br>
            4. Самые известные люди в бодибилдинге <br>
            5. Что из себя представляет бодибилднг сейчас <br>
          </p>
          <p> В этой статье вы узнаете:<br>
            1. С каких времён существует такой вид спорта, как культуризм(бодибилдинг) <br>
            2. Как он набирал популярность <br>
            3. Почему в наше время им стали заниматься почти все люди <br>
            4. Самые известные люди в бодибилдинге <br>
            5. Что из себя представляет бодибилднг сейчас <br>
          </p>
          <p> В этой статье вы узнаете:<br>
            1. С каких времён существует такой вид спорта, как культуризм(бодибилдинг) <br>
            2. Как он набирал популярность <br>
            3. Почему в наше время им стали заниматься почти все люди <br>
            4. Самые известные люди в бодибилдинге <br>
            5. Что из себя представляет бодибилднг сейчас <br>
          </p>
          <p> В этой статье вы узнаете:<br>
            1. С каких времён существует такой вид спорта, как культуризм(бодибилдинг) <br>
            2. Как он набирал популярность <br>
            3. Почему в наше время им...

CSS

body {
  background: url("https://million-wallpapers.ru/wallpapers/2/89/376050157617216/temnoj-tkani.jpg");
  background-size: cover;
}

.bgvideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -9999;
  filter: brightness(0.3);
}

.leftmargin {
  margin-left: 140px;
  font-family: Segoe UI Semibold;
  color: whitesmoke;
  filter: brightness(0.9);
}

h1 {
  text-align: center;
  font-family: Impact;
  color: floralwhite;
  filter: brightness(0.9);
}

strong {
  text-decoration: underline;
}

.unselectable {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}