*{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%);
}
p{margin:2%;}
img {

  width:30%;
 
}
ul{
display:flex;
list-style:none;
backgroun#7D9AFFd;
}
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;
}