.slides-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.slides-container>img {
    width: 100%;
    max-height: 80vh;
}

.slides-container>video {
    width: 100%;
    max-height: 75vh;
}

.slides-container>audio {
    width: 100%;
    max-width: 450px;
    margin-top: 10px;
}

/* For quick testing of video sizes for images & videos */
/* img {
            width: 100%;
            max-height: 80vh;
        }
        video {
            width: 100%;
            max-height: 90vh;
        } */


.goToFullscreenContainer {
    display: flex;
    justify-content: center;
    /* margin-bottom: 15px; */
}

.slideshow-controls-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

#restartBtn,
#prevBtn,
#pauseBtn,
#nextBtn,
#goToFullscreen {
    padding: 5px 20px;
    border-radius: 5px;
    border-color: lightblue;
    outline: none;
    margin: 0 5px;
}

/* Select `div` which has children as `id="slideCounter"` */
div:has(#slideCounter) {
    text-align: end;
}