Untitled

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Money Heist</title>
   <style>

      body, html {
         height: 100%;
         margin: 0;
      }
      .background {
         background-image: url("https://wallpaperaccess.com/full/1103717.jpg");
         height: 100%;
         background-position: center;
         background-repeat: no-repeat;
         background-size: cover;
      }
      * {
         box-sizing: border-box;
      }

      .column {
         float: left;
         width: 34.33%;
         padding: 3px;
         border-radius: 50%;
      }
      .row::after {
         content: "";
         clear: both;
         display: table;
      }
      .rio {
         float: left;
         margin: auto;
         width: 30%;
         padding: 10px
      }

      .scrolldown {
         background-image: url("https://wallpaperaccess.com/full/1103717.jpg");
         background-color: white;
      }
      .centered {
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         background-color: black;
         font-size: 30px;
         color: white;
         padding: 50px;
         border: white;
      }
      h1 {
         background-color: white;
         text-align: center;
         font-family: fantasy;
         border: 15px solid black;
         margin-top: -10px;
      }

      /*    calling by it's id beks | pwed mo specify by tag name#id or rekta id nlang */
      #bluejab {
         background-color: white;
         color: gold;
         font-size: 30px;
      }
      p#green {
         color: green;
         font-size: 30px;
      }
      /*    calling by it's class beks | pwed mo specify by tag name.class or rekta class nlang */
      .tomorrow {
         color: deepskyblue;
         font-size: 30px;
      }
      p.now {
         color: deeppink;
         font-size: 30px;
      }
   </style>
</head>
<body>
   <div class="background"></div>
   <h1>Money Heist</h1>
   <div class="row">
      <div class="column">
         <img src="https://static1.srcdn.com/wordpress/wp-content/uploads/2020/03/nairobi-casa-de-papel-partie-4-e1583935363346.jpg?q=50&fit=crop&w=740&h=370" alt="Nairobi" style="width:100%">
      </div>
      <div class="column">
         <img src="https://pm1.narvii.com/6813/f19e5abcfc1113c90575e0e93aa78e3c939eeb33v2_00.jpg" alt="BERLIN" style="width:90%">
      </div>
      <div class="rio">
         <img src="https://moneyheistseason4.com/wp-content/uploads/2020/01/Rio.jpg" alt="Rio" style="width:90%">
      </div>
   </div>
      <div class="centered">Want more info bitch? Scroll down!</div>
   </div>
</body>
</html>