body {
    background : #5400e6;
    font-family : 'Bookman Old Style';
}

.barra1 {
    background: #fcb041;
    top: 4px;
    left: 0px;
    margin-top: 2px;
}

.barra2 {
    background : #68ff52;
    padding : 2px;
}

.pie {
    background : #000000;
    color : #ffffff;
    font-size : small;
}

.titulo {
    color : #ffffff;
    font-size : x-large;
    text-decoration : underline;
}

.milabel {
    color : #ffffff;
    font-size : medium;
}

.wrapper {
    width : 80%;
}

.slider {
    width : 100%;
    margin : auto;
}

.slider ul {
    padding : 0;
    display : flex;
    width : 600%;
    height : 200px;

    animation: cambio 10s infinite alternate;
}

.slider li {
    list-style : none;
    width: 100%;
}

.slider img {
    width : 100%;
    height : 85%;
}

@keyframes cambio {
    0% { margin-left : 0; }
    10% { margin-left : 0; }

    15% { margin-left : -100%; }
    20% { margin-left : -100%; }

    25% { margin-left : -150%; }
    35% { margin-left : -150%; }

    40% { margin-left : -200%; }
    48% { margin-left : -200%; }

    52% { margin-left : -250%; }
    60% { margin-left : -250%; }

    65% { margin-left : -300%; }
    75% { margin-left : -300%; }

    80% { margin-left : -350%; }
    85% { margin-left : -350%; }

    90% { margin-left : -450%; }
    100% { margin-left : -450%; }
}