*{margin:0;
}
html{
  background: rgb(50,223,240);
background: linear-gradient(90deg, rgba(50,223,240,1) 7%, rgba(25,13,166,1) 48%, rgba(198,88,231,1) 100%);}
h1{color:#fff;}
#cabezera{
width: 100%;
height:8%;
background-color: #00DBDE;
background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%);
}
p{margin:2%;}
img {

  width:30%;
}
ul { 
  display:flex;
  list-style:none;
  background:#cd63e7;
}
ul li {
	
}
ul li a{
  display:block;
  width:160px;
  height:30px;
  padding:5px;
  // border:1px solid #8372E0;
    //background:#ED55A8;
  text-decoration:none;
  background:#cd63e7;
  color:#fff;
  font-family:Courier new;
  font-size:1.1em;
  font-weight:bold;
  text-transform:uppercase;
  letter-spacing:2px;
}
ul li a:hover{
	background:#3de4ff;
	color:#fff;
}
.marco {
	width:20%;
	border:2px solid #ddd;
	border-radius:8px;
	padding: 10px;
	margin:15px;
}
.marco img{
// display:block;
	width:100%;
	height:200px
	
}
 .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: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%;
	}
}

ul { 
  display:flex;
  list-style:none;
  background:#cd63e7;
}