body{
  background-color:		rgb(3, 3, 48)}
#zona1 {
  background-color: rgb(200, 192, 242);
  color: 	rgb(0, 0, 102);
  font-size: 3vw;
  font-family:'Bebas Neue', cursive; 
  text-align: center; 
  position: absolute; width: 11%; top: 2%;  right: 88%; 
 border-radius: 0px;
}
#zona2 {
  background-color: rgb(44, 76, 140);
  color: rgb(200, 192, 242);
  font-size: 3vw;
  font-family:'Bebas Neue', cursive;
  text-align: center; 
  position: absolute; width: 33%; top: 2%;  right: 53%; 
 border-radius: 0px;
 }
#zona3 {
  background-color: rgb(200, 192, 242);
  color: 	rgb(0, 0, 102);
  font-size: 3vw;
  font-family:'Bebas Neue', cursive;
  text-align: center; 
  position: absolute; width: 14%; top: 2%;  right: 37%; 
 border-radius: 0px;
}
#zona4 {
  background-color: 	rgb(44, 76, 140);
  color: rgb(200, 192, 242);
  font-size: 3vw;
  font-family:'Bebas Neue', cursive;
  text-align: center; 
  position: absolute; width: 14%; top: 2%;  right: 21%; 
 border-radius: 0px;
 }
#zona5 {
  background-color: rgb(200, 192, 242);
  color:	rgb(0, 0, 102);
  font-size: 3vw;
  font-family:'Bebas Neue', cursive;
  text-align: center; 
  position: absolute; width: 17%; top: 2%;  right: 2%; 
 border-radius: 0px;
}

#zona7 {
  background-color: 	rgb(44, 76, 140);
  color: rgb(200, 192, 242);
  font-size: 3vw;
  font-family:'Bebas Neue', cursive;
  text-align: center; 
  position: absolute; width: 17%; top:16%;  right: 2%; 
 border-radius: 0px;
 }
#zona1:hover{
  background-color: rgb(44, 76, 140);
  color: rgb(200, 192, 242);
  font-size: 3vw;
  font-family:'Bebas Neue', cursive;
  text-align: center; 
    position: absolute; width: 11%; top: 2%;  right: 88%; 
 border-radius: 0px;
}
#zona2:hover{
  background-color: rgb(200, 192, 242);
  color: rgb(44, 76, 140);
  font-size: 3vw;
  font-family:'Bebas Neue', cursive;
  text-align: center; 
  position: absolute; width: 33%; top: 2%;  right: 53%; 
 border-radius: 0px;
 }
#zona3:hover{
  background-color: rgb(44, 76, 140);
  color: rgb(200, 192, 242);
  font-size: 3vw;
  font-family:'Bebas Neue', cursive;
  text-align: center; 
  position: absolute; width: 14%; top: 2%;  right: 37%;   
 border-radius: 0px;
}
#zona4:hover{
  background-color: rgb(200, 192, 242);
  color: rgb(44, 76, 140);
  font-size: 3vw;
  font-family:'Bebas Neue', cursive;
  text-align: center; 
  position: absolute; width: 14%; top: 2%;  right: 21%; 
 border-radius: 0px;
 }
#zona5:hover{
  background-color: rgb(44, 76, 140);
  color: rgb(200, 192, 242);
  font-size: 3vw;
  font-family:'Bebas Neue', cursive;
  text-align: center; 
  position: absolute; width: 17%; top: 2%;  right: 2%;  
 border-radius: 0px;}
 }

.boton {text-decoration:none;}

p{right: 10px;
  width: 94.3%;
  background-color:rgb(176, 195, 232);
  color: black;
  padding-top: 1.5vw;
  font-size: 3vw;
  font-family:'Open Sans Condensed', sans-serif;
   padding:25px;}

.arriba{ 
padding-left:86%;
top:78%;
position:fixed;
}
#zona6{
  text-align: center;
}
#zona7:hover{
  background-color: rgb(200, 192, 242);
  color: rgb(44, 76, 140);
  font-size: 3vw;
  font-family:'Bebas Neue', cursive;
  text-align: center; 
  position: absolute; width: 17%; top: 16%;  right: 2%; 
 border-radius: 0px;}
}