*{margin:0;}
html{background-color:#7651EB;
background:-moz-radial-gradient(red, gold, rgb(30, 144, 255)) repeat scroll 100% 0% transparent;
background:radial-gradient(blue, purple, rgb(30, 144, 255));}
body{width:80%;height :300% ;margin:90;
background: linear-gradient(yellow, white,green) 20% transparent;}

div.desc
{
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
}


.marco{
  width:20%;
  border: 50px grey;
  BACKGROUND: brown;
  border-radius: 30px;
  padding: none;
  margin:10px;
  
}
.marco-img{
  display:flex;
  width: 5%;
  height:10px;
  
}
.marco-img{
  display:flex;
  margin:5px;
  background:red;
  color: white;
  font-style: italic;
  padding:5px;
  text-align:center;
  
}

div.desc
{
  text-align: center;
  font-weight: black;
  width: 120px;
  margin: 2px;
}
.galeria{
  display:flex;
  flex-wrap: wrap ;
  margin:20px;}



li {
    display: flex;
    width: 150px;
}
li {
    float: left;
}

a {
    display: flex;
    padding: 20px;
    background-color: none;
}
ul {

DISPLAY:flex;
LIST-STYLE:square inside;
BACKGROUND:#10c2eC;

}

ul li { }


ul li a {
    display:flex;
    width: 80px;
    height:50px;
    padding: 5px;

    text-decoration: none;
    
}
li {
    border-right: 20px solid none;
}


.box {
  margin-top: 400px;
  margin-right: 800px;
  margin-bottom: 400px;
  margin-left: 40em;
}




    

p{color:#0dd6a7}
h1{margin:0;text-align:center;padding:20px 0; text-shadow:3px 3px 1px red;color:black;}
img{display:block;margin:0 auto;}
p1{color:#E7FFFC;
padding: 10px 20px 40px 50px;
background-color:#8F5136;}
.parrafo2{color:red}