
body{
    background: linear-gradient(90deg, rgba(198,119,0,1) 0%, rgba(255,229,176,1) 50%, rgba(198,119,0,1) 100%);
        
    font-family: Georgia, 'Times New Roman', Times, serif;
      
    margin: 0;
   
    
}

header {
    width: 100%;
    height: 70px;
    position: fixed;
    z-index: 3;
    box-shadow: 0 0 50px 0 white;
    border-bottom:solid 1px white;

    background-image: url("headerBackground.png") ;
    background-position: center;
    background-size: 100%;

}

.nav {
    display: flex;
    margin-top: -10px;
    margin-left: -30;
   
   }

.nav-links ul {
    margin: 0;
    padding: 0 20px 0 0;
    display: flex;
    
   }

.nav-links li {
list-style: none;
padding-left: 2rem;

}

.nav-links li a {
text-decoration: none;
padding: 1rem;
display: block;
color: black;

}

#menü :hover{
  color:white;
}

#logo { 
    width: 220px;
  
  
  position: absolute;
  top:-70;
  right: 10px;
  }

main{
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 0;
    
}

.info {
display: flex;
justify-content: center;
background-image: url("headerBackground.png") ;
background-position: center;
background-size: 100%;
box-shadow: 0 0 50px 0 white;
height: 2em;
width: 100%;
border-top: solid 1px white;
border-bottom: solid 3px white;
margin: 0;
z-index: 2;




}

.info-links ul{
list-style: none;
display: flex; 
margin-right: 50px;
}

.info-links li{
background-color: blue;
margin-top: -45px;
height: 0;

}

.info-links li a {
text-decoration: none;
display: block;
padding: 1rem;
color: black;
height: 2em;


}



