@import url('https://fonts.googleapis.com/css2?family=Jersey+10&family=Jersey+15&display=swap');


body {
    background-color: rgb(255, 255, 255);
    margin:0;
    color: rgb(255, 255, 255);
    /*background-image: url(img/bg_1.png);*/
    
    background-attachment: fixed;
    background-size: cover;

    font-family: "Jersey 15", sans-serif;
    font-weight: 400;
    font-style: normal;

}

.obsah {
    margin:auto;
    width: 90vw;
    height: 250vh;
    background-color: rgb(0, 0, 0);

}

header {
    text-align: center;
    height: 25vw;
    max-height:50vh;
    background-color: rgb(255, 255, 255);
    overflow: hidden;
    
}

header img {
    filter: grayscale(100);
}

header img:hover {
    filter: none;
}

header h1 {
    font-size: 8em;
    margin-top:0;
    font-family: "Jersey 15", sans-serif;
    font-weight: 400;
    font-style: normal;
}

/*-------lightbox--------*/

.lightbox {
    background-color: rgba(0, 0, 0, 0.714);
    top:0;
    width: 100vw;
    height: 100vh;
    position: fixed;
    /*display:flex;*/
    display: none;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    
}

.lightbox img {
    max-width: 80vw;
    max-height: 90vh;
}