* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'roboto';
}
.back-arrow {
    z-index: 90;
    position: absolute;
    left: 10px;
    top: 15px;
}

.back-arrow img {
    width: 40px;
    height: 40px;
}
.view {
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
    height: 100vh;
    /* Assure que le conteneur remplit la vue verticale */
}

.video1,
.video2,
.video3,
.video4,
.video5 {
    scroll-snap-align: center;

}

.video-container {
    scroll-snap-align: center;
    height: 100vh;
    display: flex;
    align-items: start;
    justify-content: center;
    background-color: black; /* Optionnel, pour voir la zone */
}

.video-container video {
    width: 100%;
    height: 80%;   
}
nav{
    background-color: black;
    z-index: 10 !important;
}