header{
    width: 30%;
    display:flex;
justify-content: space-evenly;
align-items: center;
padding: 10px 30px ;
font-size: small;
position: relative;
border: solid;
border-radius: 100px;
border-color: rgb(251, 255, 0);
left: 33%;
background-color: rgb(13, 12, 14);
position: fixed;

}
body#Main{
    background:url(images/background.png);
    background-repeat: no-repeat;
    color: yellow;
    background-color: rgb(21, 23, 24);
}
nav, ul,li {
list-style: none;
display: inline-block;
padding: 0px 20px;

}

nav ul li a{
    list-style: none;
    display: block;
    text-align: center;
    text-decoration: none;
    }
a{
    color: rgb(251, 255, 0);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 22px;
    text-decoration: none;
    text-align: center;
    font-family: sans-serif;
    text-align: center;
}
a:hover{
    color: rgb(241, 241, 228);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 21px;
    text-decoration: none;
    text-align: center;
    
}
button#rezervace{
position: absolute;
font-family:sans-serif;
background-color: yellow;
top: 6%;
left: 75%;
border-radius: 200px;
padding: 30px 20px;
width: 10%;
color: black;
font-size: 20px;
}
button#rezervace:hover{
position: absolute;
font-family:sans-serif;
background-color: rgb(248, 248, 149);
cursor: pointer;

    }

    p{

padding: 20px 30px;
font-size: 20px;
font-family: sans-serif;
border: solid;
border-radius: 20px;
width: 40%;}

    h2{
color:rgb(251, 255, 0);
        padding: 150px 50px 0px;
        font-size: 50px;
font-family: sans-serif;
    }

    h3{
        color:rgb(251, 255, 0);
        position: 0%;
        padding: 0px 50px 0px;
        font-size: 40px;
    text-align: left;
font-family: sans-serif;
    }



h1{
    color:rgb(251, 255, 0);
        padding: 0px 30px;
        font-size: 25px;
font-family: sans-serif;
text-decoration: underline;
    }
    img{
        position: relative;
        padding: 20px 10%;
    }

    footer{
color: rgb(251, 255, 0);
    text-align: center;
    position: absolute;
    left: 55%;
    top:80%;
    }
iframe{
    border: solid;
    padding: 20px 100px;
    

}


.fotky{
    top: 200px;
left: 850px;
padding-bottom: 20px;
position: absolute;
}
body{
    color: yellow;
    background-color: rgb(21, 23, 24);
}
img#bowling1{
    position: absolute;
    left: 53%;
    top: 250px;
}
img#bowling2{
    position: absolute;
    left: 53%;
    top: 650px;
}
button#lístky1{
position: absolute;
top: 50%;
left: 70px;
background-color: yellow;
border-radius: 200px;
padding: 20px 20px;
font-size: 20px;
}
button#lístky1:hover{
    position: absolute;
    font-family:sans-serif;
    background-color: rgb(248, 248, 149);
    cursor: pointer;}


    button#lístky2{
        position: absolute;
        top: 50%;
        left: 600px;
        border-radius: 200px;
padding: 20px 20px;
font-size: 20px;
background-color: yellow;
        }
        button#lístky2:hover{
            position: absolute;
            font-family:sans-serif;
            background-color: rgb(248, 248, 149);
            cursor: pointer;}
p#kontakt{
position: absolute;
width: 80%;
}
a#facebook{
    text-align: center;
    margin-left: 65px;
}