*{margin:0;
}
html{
  background: rgb(34,193,195);
background: linear-gradient(0deg, rgba(34,193,195,1) 37%, rgba(37,219,148,1) 89%);}
h1{color:#fff;}
#cabezera{
width: 100%;
height:8%;
background-color: #00DBDE;
background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%);
}
img {

  width:30%;
 
}
ul{
display:flex;
list-style:none;
background:#7a049d;
}
ul li {

}
ul li a{
display:block;
width:160px;
height:30px;
padding:5px;
// border: 1px solid #0a0a86;
     //background:#8a0daf;
text-decoration:none;
background:#7a049d;
color:#fff;
font-family:courier new;
font-size:1.1em;
font-weight:bold;
text-transform:uppercase;
letter-spacing:2px;
}
ul li a:hover{
background:#61E05c;
color:#fff;
}
.marco {
width:25%;
border:2px solid #ddd;
border-radius:8px;
padding: 10px;
margin:15px;
}
.marco img{
display:block;
width:100%;
}
 .marco span {
//display:block;
margin:0;
background:#646464;
 color: white;
 font-style:italic;
 padding:5px;
 text-align:center;
 }
 .galeria{
  display:flex;
  flex-wrap: wrap;
  margin:20px;
}
#contenedor {
 
  margin:0 auto;
 
  width: 70%;
  height: 800px;
 
  background:#fff;
}

h1 {

animation-duration:3s;
  animation-name: slidein;
//  color:black;
}
@keyframwes slidein{
from{
margin-left:100%;
width 300%;
}
to {
margin-left: 0%;
        width:100%;
}
}