@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.fade-in-image { animation: fadeIn 4s; }

.fade-out-image { animation: fadeOut 3s; }

.slide-descr {
    inline-size: 250px;
    overflow-wrap: break-word;
}
.body-bg {
    background: url("/bs_pub/landing-page.webp") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

pre {
    overflow-x: auto; /* Enable horizontal scrolling */
    white-space: pre-wrap; /* Enable wrap */
    word-wrap: break-word; /* Break words */
}

span.circle {
    position: absolute;
    border-radius: 50%;
    opacity: 1;
    transform: scale(0);
    animation: growFade 2s linear forwards;
}

@keyframes growFade {
    0% {
        transform: scale(0);
        opacity: 0.5;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}