blockquote {
  /* font: 14px/22px normal helvetica, sans-serif; */
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 40px;
  padding-left: 15px;
  border-left: 3px solid #ccc;
}

.carousel-container {
    /* display: block; */
    /* da bi bilo centrirano */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 99vw;
    height: 33vh;
}

.carousel {
    /* max-width: 800px; */
    height: inherit;
    width: min(100%, 800px);
    --carousel-width: 800px;
    overflow: hidden;
    .carousel-slide {
        height: inherit;
        width: max-content;
        display: flex;
        gap: 10px;
        animation: carousel-animation 20s linear infinite alternate;
        div {
            height: inherit;    
            & img {
                max-height: 100%;
                max-width: 100%;
                object-fit: contain;
            }
        }
    }
}

@keyframes carousel-animation {
    from {
        transform: translateX(0);
    }
    to { 
        transform: translateX(calc( -1 * (100% - var(--carousel-width))));
    }
}

.roboto-serif-mojfont {
  font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "GRAD" 0;
}

:root {
    --bs-body-font-family_ne: "Roboto Serif";
}