@keyframes welcomeAnimation {
    0%{
        background-image: url("../images/grupowe/wigilijka.png");
    }
    7%{
        background-image: url("../images/grupowe/wigilijka.png");
    }
    15%{
        background-image: url("../images/grupowe/background2.png");
    }
    23%{
        background-image: url("../images/grupowe/background2.png");
    }
    30%{
        background-image: url("../images/grupowe/background3.png");
    }
    37%{
        background-image: url("../images/grupowe/background3.png");
    }
    45%{
        background-image: url("../images/grupowe/background4.png");
    }
    52%{
        background-image: url("../images/grupowe/background4.png");
    }
    60%{
        background-image: url("../images/grupowe/background5.png");
    }
    67%{
        background-image: url("../images/grupowe/background5.png");
    }
    75%{
        background-image: url("../images/grupowe/background6.png");
    }
    81%{
        background-image: url("../images/grupowe/background6.png");
    }
    87%{
        background-image: url("../images/grupowe/background1.png");
    }
    94%{
        background-image: url("../images/grupowe/background1.png");
    }
    100%{
        background-image: url("../images/grupowe/wigilijka.png");
    }
}
.background{
    width: 100%;
    height: 40vw;
    position: absolute;
    left: 0;
    top: 70px;
    z-index: -1;
    background-size: 100%;
    background-repeat: no-repeat;
    animation: 40s welcomeAnimation infinite;
}
.backgroundBlur{
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, rgb(255, 255, 255), rgba(255, 255, 255, 98%), rgba(255, 255, 255, 50%), rgba(255, 255, 255, 30%), rgba(255, 255, 255, 10%), rgba(255, 255, 255, 0));
}
.okok{
    padding-top: 120px;
    text-align: left;
    font-size: 25px;
}
.galleryBox{
    width: 100%;
}
.actualGallery{
    margin: 20px auto 50px;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(170px, 1fr));
    grid-gap: 30px;
    align-items: center;
}
.imageBox{
    width: 250px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.jis{
    margin: 0;
    width: 100%;
    text-align: center;
    transition: 300ms;
}
.jis:hover{
    cursor: pointer;
    transform: scale(95%);
    text-shadow: 0 0 10px white;
}
.jis:hover .image{
    transform: scale(97%);
    border: #ffffff 3px solid;
    cursor: pointer;
    box-shadow: rgb(235 ,105 ,33) 0 0 15px;
}
.image{
    width: 170px;
    border: rgba(77, 77, 77, 0.47) 3px solid;
    border-radius: 20px;
    transition: 300ms;
}
.image:hover{
    transform: scale(97%);
    border: #ffffff 3px solid;
    cursor: pointer;
    box-shadow: rgb(235 ,105 ,33) 0 0 15px;
}
.image:hover .jis{
    cursor: pointer;
    transform: scale(95%);
    text-shadow: 0 0 10px white;
}
.image:active{
    transform: scale(110%);
}
.fullImage{
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.8);
    visibility: hidden;
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: 3;
}
#videoFull{
    height: 75vh;
}
#imageFull{
    height: 75vh;
}
#closeImg{
    position: fixed;
    top: 5%;
    right: 5%;
    font-size: 40px;
    color: white;
    cursor: pointer;
    transition: 200ms;
}
#closeImg:hover{
    color: #007aff;
    text-shadow: rgb(235 ,105 ,33) 0 0 15px;
    transform: scale(120%);
}
#closeImg:active{
    transform: scale(170%);
}
#fullImageBox{
    transition: opacity 200ms ease-in;
    opacity: 0;
}
#galleryHref{
    font-size: 20px;
    margin-bottom: -15px;
    margin-left: 5px;
    text-shadow: 0 0 10px rgba(0,122,255,0.53);
    color: black;
    transition: 300ms;
}
#galleryHref:hover{
    color: white;
}
#fullVideoBox{
    transition: opacity 200ms ease-in;
    opacity: 0;
}
@media (max-width: 1000px){
    .fullImage img{
        height: auto;
        width: 100%;
    }
    .fullImage video{
        height: auto;
        width: 100%;
    }
}
@media (max-width: 650px){
    .background{
        top: 103px;
    }
}