Untitled

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>repl.it</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <link href="https://fonts.googleapis.com/css?family=Amatic+SC:400,700&display=swap" rel="stylesheet">
  </head>
  <body>
    <main>
    <header>
      <h1>About me</h1>
    </header>
    <div id="pupka" class="oojor">miał</div>
    <div id="dupka" class="oojor">hauł</div>
    </main>
  </body>
</html>


body{
  font-family: 'Amatic SC', cursive;
  font-weight: 400;
  margin: 0 !important;
  background-color: #349488;
}
main{
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
header{
  font-weight: 700;
  background-image: url("https://www.toptal.com/designers/subtlepatterns/patterns/leaves.png");
  text-align: center;
  height:60px;
}
.oojor{
  width: 50%;
  float:left;
}