@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

body, html{
  height:100%;
  margin:0;
  font-size:16px;
  font-family: "Roboto", sans-serif;
  font-weight:400;
  line-height:1.8em;
  color:#666;
}

.kontener {
  position:relative;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  /*
    fixed = parallax
    scroll = normal
  */
  background-attachment:fixed;
  box-shadow: 0 -10px 60px 10px #222 inset;
  min-height: 100%;
  background-image: url('../img/hatter.jpg');
}

.szoveg {
  position:absolute;
  top: 5%;
  width:100%;
  text-align:center;
  color:#50a0a0;
  font-size:12px;
  letter-spacing:8px;
  text-transform:uppercase;
  line-height: 40px;
}

.szoveg .keret { 
    background-color:#222; 
    color:#fff; 
    padding: 20px; 
}