@charset "utf-8";

      /* Mobile First */


* {padding: 0px; margin: 0px}


#galeria1 img {width: 400px; margin: 30px auto;
overflow: hidden;
border-radius: 1em;}

#galeria1 ul {list-style: none; display: flex; width: 3000px; 
animation: slide 30s infinite}

@keyframes slide 
    {0% {margin-left: 0px;}
    10%{margin-left: 0px}
    
    10% {margin-left: -500px}
    20% {margin-left: -500px}
    
    30% {margin-left: -1000;}
    40% {margin-left: -1000;}
    
    50% {margin-left: -1500px}
    60%{margin-left: -1500px}
    
    60%{margin-left: -2000px}
    70%{margin-left: -2000px}
    
    70%{margin-left: -2500px}
    80%{margin-left: -2500px}
    
    80%{margin-left: -3000px}
    100%{margin-left: -3000px}
    
}
    
#galeria2 ul  {list-style: none}
#galeria2 img {width: 400px;border-radius: 1em; }

.comentario {margin: 0 10px 40px 10px; font-family: sans-serif; border-bottom: 0.2rem solid gold }

.comentario p {font-style: italic; margin: 0 0 15px 0}
.comentario h2 { margin: 0 0 5px 0}

h3 {text-align:left;
    margin-left: 1em;
}
.subirimagen { 
 color: white;
    font-family: "raleway", sans-serif;
    font-weight: 600;
    font-size: 1.4em;
    list-style: none;
    text-transform: uppercase;
    text-decoration: none;
    padding: 1em 2em;
    margin: 1em 1em 1rem ;
    border-width: none;
    border-color: transparent;
    background-color: gold;
    width: 12em;


    border-radius: .3rem;}

.subirimagen:hover {
    color: hsl(180, 64%, 20%);
    background-color: whitesmoke;
}
#subituimagen {text-align: center;
padding: 1em;
}

.encabezado {background-image: url(1.jpg); text-align: center;background-size: 100%; padding: 5%; color:white; }