body{
  background-color:#fdf9c4;
     }

#zona1{ background-color: #b2e2f2;
  color:black;
  font-family: 'Homemade Apple', cursive;
  position:absolute; 
  width: 20%; 
  top: 9%; 
  right: 78%;
  }

#zona2{ background-color:#fabfb7;
  color:black;
  font-family:'Homemade Apple', cursive;
  position:absolute; 
  width: 15%; 
  top:9%; 
  right:61%;
}

#zona3{ background-color:#ffda9e;
color:black;
font-family:'Homemade Apple', cursive;
position:absolute; 
width: 20%; 
top:9%; 
right:39%;
}

#zona4{ background-color:#c5c6c8;
color:black;
font-family:'Homemade Apple', cursive;
position:absolute;
width: 20%; 
top:9%; 
right:1%;
}

#zona5{ background-color:#E2F0CB;
color:black;
font-family:'Homemade Apple', cursive;
position:absolute;
width: 15%; 
top:9%; 
right:23%;
}

#zona6{color:black;
top:50%;
}

#zona7{position:absolute;width:170%;
  top:80%;
text-align:center;
}

.titulos{
font-size:30px;
font-family:'Didact Gothic', sans-serif;
text-align:center;
position:absolute;

}

.botones{
  text-align:center;
  opacity:100%;
  border-radius:5%;
  border-color:black;
  border-style:solid;
  font-size:25px
}
.botones:hover{
  cursor: pointer;
  box-shadow: 10px 8px 20px black;
  transition-duration: 2s;
}



h1{color:black;
font-size:20px;
font-family:'Didact Gothic', sans-serif;
text-align:left;
position:absolute;
top:60%;
}

h2{color:black;
font-size:20px;
font-family:'Didact Gothic', sans-serif;
text-align:left;
position:absolute;
top:95%;
}
ul{color: black;
font-family:'Didact Gothic', sans-serif;
font-size:20px;
position:absolute;
top:100%;
}

h3{color:black;
font-size:20px;
font-family:'Didact Gothic', sans-serif;
text-align:left;
position:absolute;
top:130%}

a:link, a:visited {
  color: black;
  padding: 10px 20px;
  text-align: center;
  display: inline-block;
}

#zona8{color:black;
top:150%;}

h4 {color:black;
font-size:20px;
font-family:'Didact Gothic', sans-serif;
text-align:left;
position:absolute;
top:165%; 
}

#zona9{   
position:absolute;width:60%;
  top:180%;
text-align:center;
}

#zona10{
position:absolute;width:140%;
  top:190%;
  text-align:center;
}

#zona11{
  position:absolute; width:60%;
  top:250%;
  text-align:center;
}

#zona12{
  position:absolute; width:140%;
  top:250%;
  text-align:center;
}

#zona13{
  color:black;
top:310%;
}

h5{color:black;
font-size:20px;
font-family:'Didact Gothic', sans-serif;
text-align:left;
position:absolute;
top:320%}

#zona14{position:absolute; width:100%;
  top:340%;
  text-align:center;
  
}

#zona15{
  color:black;
top:450%;
}

h6{color:black;
font-size:20px;
font-family:'Didact Gothic', sans-serif;
text-align:left;
position:absolute;
top:460%;
}

#zona16{
  position:absolute;
  top:500%;
  left: 10%
  }

#zona17{
  position:absolute;
  top:500%;
  left: 40%
}

#zona18{
  position:absolute;
  top:500%;
  left:70%
}

h7{color:black;
font-size:20px;
font-family:'Didact Gothic', sans-serif;
position:absolute;
left:1%;
top:550%;  
}

#zona19{ position:absolute;
  top:570%;
  left:10%;
  
}

#zona20{
  position:absolute;
  top:570%;
  left:40%;
}

#zona21{
 position:absolute;
  top:570%;
  left:70%
}

#zona22{
  color:black;
  top:620%
}

h8{color:black;
font-size:20px;
font-family:'Didact Gothic', sans-serif;
position:absolute;
left:1%;
top:630%;
}

ol{
color: black;
font-family:'Didact Gothic', sans-serif;
font-size:20px;
position:absolute;
top:640%
}

.subir{
  position: fixed;
    bottom: 0;
    right: 0;
    margin-right: 15px;
    margin-bottom: 10px;
    z-index:2;
}

.volver{
position:fixed;
top:2px;
left:1%;
z-index:4;
border-style: solid;
font-family: 'Didact Gothic', sans-serif;
background-color: #8FBC9F;
}