html {
    scroll-snap-type: y mandatory;
    scroll-behavior: smooth;

}
div.timeline-container {
    /*width: 100dvw ; */
    max-width: none !important;
}
div.wp-site-blocks {
    /*scroll-snap-align: start;*/
}
.slides-list {
    flex: 1;

    /*height: 100dvh; */
}
.timeline {
    max-width: none !important;
    display:flex;
    flex-direction: row;
}
div.slide {
    padding-left: .5rem;
    max-width: none !important;
    scroll-snap-align: start;
    height: 100dvh;
    margin-left: 10% !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.end-slides {
    scroll-snap-align: start;
}
.year {
    font-weight: bold;
}
.year-list {
    max-width: none !important;
    width: 10%;
    /*margin-left: 5% !important;*/
    height: 100dvh;
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*margin-left: 5%;*/
}

.year-index {
    margin: 1rem auto
}
.year-index.active {
    animation: enlarge-font .6s;
    animation-direction: normal;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    font-size: medium;

}
.year-index.inactive {
    animation: enlarge-font .6s;
    animation-direction: reverse;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
    font-size: xx-large;
}
.year-index a {
    font-weight: bold;
    text-decoration: none;
}
@keyframes enlarge-font {
    0% {
        font-size: medium;
    }
    100% {
        font-size: xx-large;
    }
}

@media (max-width: 480px) {
    .zoom-menu {
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;

        font-weight: bold;

        font-size: small;
    }
}

@media (min-width: 480px) {
    .zoom-menu {
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;

        font-weight: bold;

        font-size: x-large;
    }
}