*{
    scroll-behavior: smooth;
    scroll-snap-type: y mandatory;
    scroll-snap-type: mandatory;
}


body{
    overflow-x: hidden;
    scrollbar-color: red;
}

section{
    height: 100vh;
    width: 100vw;
    scrollbar-width: none;
}

section#bienvenido{
    background: url(/assets/welcome.jpg) no-repeat center center/cover; 
    scroll-snap-align: start;
}

section#auto1{
    background: url(/assets/eurobus1.jpg) no-repeat center center/cover;
    scroll-snap-align: start; 
}

section#auto2{
    background: url(/assets/aston.jpg) no-repeat center center/cover; 
    scroll-snap-align: start;
}
.cover{
    background-color: rgb(0, 0, 0,0.8);
}

.text-box{
    color: rgb(235, 235, 235);
    animation: slidein 7s infinite;
}

.text-box-na{
    color: rgb(235, 235, 235);
    align-items: center;
    justify-content: center;
}

.mirror{
    display: inline-block; 
    font-size: 30px;

    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
    -moz-transform: matrix(-1, 0, 0, 1, 0, 0);
    -o-transform: matrix(-1, 0, 0, 1, 0, 0);
    transform: matrix(-1, 0, 0, 1, 0, 0);
}

@keyframes slidein {
    0% { margin-left:-5000px; }
    20% { margin-left:-500px; }
    35% { margin-left:0px; }
    100% { margin-left:0px; }
}