body {

    margin: 0;

    /* FIXED - NO TWITCHING AFTER INTERACTING WITH LIGHTBOX, PADDING SOLUTION */

    padding: 0 !important; 

    font-family: 'Poppins', sans-serif;

    /* VYGENEROVANÝ SVG PŘES HAIKEI ONLINE APLIKACI PRO VYTVÁŘENÍ RANDOMIZOVANÝCH NÁVRHŮ TEXTUR */

    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080"><g fill="%23af0d21"><circle r="575" cx="1624" cy="1045"/><circle r="180" cx="548" cy="391"/></g></svg>') no-repeat center center fixed;

    background-size: cover;

}



html {

    overflow-y: scroll !important;

}



.gallery .row a {

    width: calc(33.33% - 15px);

    margin: 15px;

    display: block;

}



.gallery {

    width: 90%;

    margin: 0 auto;

}



.gallery .row a {

    flex: 1 0 calc(40% - 10px);

}



.lightbox .modal-content .carousel-control-prev {

    left: -3.4%;

}



.lightbox .modal-content .carousel-control-next {

    right: -3.4%;

}



.lightbox .modal-dialog {

    padding-left: 15px;

}



.lightbox .modal-body img {

    width: auto;

    max-height: 120vh !important;

}



.fade-in {

    opacity: 0;

    transform: translateY(20px);

    animation: fadeInAnimation 0.6s ease-in forwards;

}

        

@keyframes fadeInAnimation {

    from {

        opacity: 0;

        transform: translateY(20px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}



/*

.loading-screen {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(255, 255, 255, 0.8);

    display: flex;

    justify-content: center;

    align-items: center;

    z-index: 999;

    visibility: visible;

    opacity: 1;

    transition: opacity 0.5s ease, visibility 0.5s ease;

}



.loading-screen.hidden {

    visibility: hidden;

    opacity: 0;

}



.spinner {

    border: 8px solid #f3f3f3;

    border-top: 8px solid #ad0a0a;

    border-radius: 50%;

    width: 60px;

    height: 60px;

    margin: 0 auto;

    animation: spin 2s linear infinite;

}



@keyframes spin {

    0% { transform: rotate(0deg); }

    100% { transform: rotate(360deg); }

}



.loading-text {

    font-size: 18px;

    color: #ad0a0a;

    margin-top: 10px;

    text-align: center;



    font-family: "Bebas Neue", sans-serif;

    font-weight: 400;

    font-style: normal;

}



.loading-content-screen {

    display: block;

}

*/