A legjobb config

<!DOCTYPE html>
<html>
<head><title>legjobb konfig</title>
<style>

  @import url('https://fonts.googleapis.com/css?family=Work+Sans:300&subset=latin-ext');

  html, body {
    height: 100%;
    margin: 0;
    overflow: hidden;
  }
  body {
    background-image: url("hatter.jpg");
    nackground-repeat: no repeat;
    background-position: center;
    background-size: cover;
    color: white;
    font-size: 40px;
    font-family: 'work sans';
    display: flex;
    flex-direction: column;

  }
   .pirosvonal {
     border: 1px solid red;
  }
  .kozepe {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
  }
  .lablec {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    font-family: arial;
  }
  a {
    color: white;
    text-decoration: none;
  }
</style>
</head>
<body>

<div class="kozepe">A legjobb konfiguráció
  <div>
  <a title="Order Model S" href="https://ipon.hu/geposszerako/uj/10">
              Alkategória
            </a>
  <a title="Order Model S" href="https://ipon.hu/geposszerako/uj/5">
              Középkategória
            </a>
  <a title="Order Model S" href="https://ipon.hu/geposszerako/uj/7">
              Felsőkategória
            </a>
</div>
</div>


<footer class="lablec">Ide jön a reklám         created by:Molnár Krisztián</footer>

</body>
</html>