body{
  background-color: rgb(170, 128, 255)}

#zona0 {background-color:black;
  color:rgb(153,0,0);
  font-size: 3.5vw;
  font-family: 'Montserrat', sans-serif;;
  text-align: center; 
  position: absolute; width: 15%; top: 2%;  right: 84%; 
 border-radius: 8px;}
#zona1 {
  background-color: rgb(255, 209, 179);
  color: black;
  font-size: 3.5vw;
  font-family: 'Montserrat', sans-serif;;
  text-align: center; 
  position: absolute; width: 11%; top: 11%;  right: 88%; 
 border-radius: 8px;
}
#zona2 {
  background-color: rgb(255, 179, 128);
  color: black;
  font-size: 3.5vw;
  font-family: 'Montserrat', sans-serif;
  text-align: center; 
  position: absolute; width: 33%; top: 11%;  right: 53%; 
 border-radius: 8px;
 }
#zona3 {
  background-color: rgb(255, 148, 77);
  color: black;
  font-size: 3.5vw;
  font-family: 'Montserrat', sans-serif;
  text-align: center; 
  position: absolute; width: 14%; top: 11%;  right: 37%; 
 border-radius: 8px;
}
#zona4 {
  background-color: rgb(255, 117, 26);
  color: black;
  font-size: 3.5vw;
  font-family:'Montserrat', sans-serif;
  text-align: center; 
  position: absolute; width: 14%; top: 11%;  right: 21%; 
 border-radius: 8px;
 }
#zona5 {
  background-color: rgb(230, 92, 0);
  color: whitw;
  font-size: 3.5vw;
  font-family: 'Montserrat', sans-serif;;
  text-align: center; 
  position: absolute; width: 17%; top: 11%;  right: 2%; 
 border-radius: 8px;
}
#zona1:hover{
  background-color: rgb(128, 0, 0);
  color: white;
  font-size: 3.5vw;
  font-family: 'Montserrat', sans-serif;
  text-align: center; 
    position: absolute; width: 11%; top: 11%;  right: 88%; 
 border-radius: 8px;
}
#zona2:hover{
  background-color: rgb(128, 0, 0);
  color: white;
  font-size: 3.5vw;
  font-family: 'Montserrat', sans-serif;
  text-align: center; 
  position: absolute; width: 33%; top: 11%;  right: 53%; 
 border-radius: 8px;
 }
#zona3:hover{
  background-color: rgb(128, 0, 0);
  color: white;
  font-size: 3.5vw;
  font-family: 'Montserrat', sans-serif;
  text-align: center; 
  position: absolute; width: 14%; top: 11%;  right: 37%;   
 border-radius: 8px;
}
#zona4:hover{
  background-color: rgb(128, 0, 0);
  color: white;
  font-size: 3.5vw;
  font-family:'Montserrat', sans-serif;
  text-align: center; 
  position: absolute; width: 14%; top: 11%;  right: 21%; 
 border-radius: 8px;
 }
#zona5:hover{
  background-color: rgb(128, 0, 0);
  color: white;
  font-size: 3.5vw;
  font-family:'Montserrat', sans-serif;
  text-align: center; 
  position: absolute; width: 17%; top: 11%;  right: 2%;  
 border-radius: 8px;}

#zona0:hover{
  background-color:rgb(153,0,0);
  color:black;
  font-size: 3.5vw;
  font-family: 'Montserrat', sans-serif;;
  text-align: center; 
  position: absolute; width: 15%; top: 2%;  right: 84%; 
 border-radius: 8px;}

#zona6 {
  text-align: center;
  position: absolute; width:50%; top:30%; right:31%;}

.boton {text-decoration:none;}

p{right: 10px;
  width: 94.3%;
  background-color:rgb(255, 209, 179);
  color: black;
  padding-top: 15px;
  font-size: 1.5rem;
  font-family:'Montserrat', sans-serif;
   padding:25px;}

.arriba{ 
padding-left:84%;
top:72%;
position:fixed;
}