*{margin:0;
}
html{
  background: rgb(34,193,195);
background: linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(156,45,253,1) 100%);}
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:20%;
	border:2px solid #ddd;
	border-radius:8px;
	padding: 10px;margin:auto;
}
.marco img{
// display:block;
	width:100%;
	
}
 .marco span {
	 display:block;
	 margin:0;
	 background:#646464;
 color:whithe;
 font-style:italic;
 padding:5px;
 text-align:center;
 }
 .galeria{
      display:flex;
      flex-wrap: wrap;
      margin:30;
 }
#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%;
	}
}