Untitled

<!DOCTYPE html>
<html>
<head>
  <title>Lenyűgözés</title>
  <style>
    @import url('https://fonts.googleapis.com/css?family=Work+Sans:300&subset=latin-ext');
    html, body {
      height: 100%;
      overflow: hidden;
      margin: 0;
    }
    body {
      background-image: url("hatter.jpg");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      color: white;
      font-size: 50px;
      font-family: 'Work sans';
    }
    .pirosvonal {
      border: 1px solid red;
    }
    .szovegkozepre {
      text-align: center;
    }
    .fuggkozepre {
      position: absolute;
      top: 50%;
      transform: translate(0, -50%);
    }
    .vizszkozepre {
      position: absolute;
      left: 50%;
      transform: translate(-50%, 0);
      margin-right:50%;
    }
    .tokkozepre {
      position: absolute;
      top:50%;
      left: 50%;
      transform: translate(-50%, -50%);
      margin-right: -50%;
    }
    .lablec {
      bottom: 0;
    }
    .kisbetu {
      font-size:16px;
      font-family: arial;
    }
    .fejlec {
      width: 400px;
      text-align: center;
    }
    a {
      color:white;
      text-decoration: none;
    }
    .gomb {
      font-size: 16px;
      font-family: arial;
      background-color: rgba(0, 0, 0, .7);
      padding: 10px 20px;
      width: 100px;
      display: inline-block;
//      opacity: .7;
    }
    .videomeret {
      width: auto;
      height: auto;
      min-width: 100%;
      min-height:100%;
      z-index: -1;
    }
  </style>
</head>
<body>
<!--   <video class="videomeret tokkozepre" autoplay loop muted poster="hatter.jpg" src="hatter.mp4"></video>
-->
   <div class="kisbetu vizszkozepre fejlec">Fejléc
      <a href="/aboutus.htm">Magunkról</a>
      <a href="http://facebook.com">Facebook</a>
      <a href="akarmi.htm">Google</a>
   </div>
   <div class="szovegkozepre tokkozepre">Árvíztűrő tükörfúrógép
     <div>
      <a class="gomb" href="/aboutus.htm">Akció!</a>
      <a class="gomb" href="http://facebook.com">Iwiw</a>
      <a class="gomb" href="akarmi.htm">Megrendelem!</a>
     </div>
   </div>
   <div class="kisbetu vizszkozepre lablec">Lábléc</div>
</body>
</html>