body {background-color:#F2F2F2 ;
  font-family: 'Roboto';
  font-size: 26px;
  color: #333333;
}
#flecha{
  width:4vw;
}
#zona0{
  height: 50px;
  color: white;
  font-size: 40px;
  font-family: 'Lobster', cursive;;
  text-align: center; 
  position: absolute; width: 15%; top: 10%;  right: 90%; 
  display:flex;
  justify-content: center;
  align-items: center;
  text-shadow: 4px 2px 2px black;

  
}
#zona1 {
  height: 50px;
  background-color:#ff7a7a  ;
  color: white;
  font-size: 40px;
  font-family: 'Lobster', cursive;;
  text-align: center; 
  position: absolute; width: 15%; top: 10%;  right: 80%; 
}
#zona2 {
  height: 50px;
  background-color: #ffaf7a ;
  color: white;
  font-size: 40px;
  font-family: 'Lobster', cursive;;
  text-align: center;
  position: absolute; width: 15%; top: 10%; right: 65%; 
 border-color: black;
}
#zona3 {
  height: 50px;
  background-color: #ffe76e ;
  color: white;
  font-size: 40px;
  font-family:'Lobster', cursive;;
  text-align: center; 
  position: absolute; width: 15%; top: 10%; right: 50%;
 ;
}
#zona4 {
  height: 50px;
  background-color: #aaff6e ;
  color: white;
  font-size: 40px;
  font-family: 'Lobster', cursive; ;
  text-align: center; 
  position: absolute; width: 15%; top: 10%; right: 35%; 
}
#zona5 {
  height: 50px;
  background-color: #97fcf2;
  color: white;
  font-size: 40px;
  font-family: 'Lobster', cursive; ;
  text-align: center; 
  position: absolute; width: 15%; top: 10%; right: 20%;
}
#zona6{
  height: 50px;
  background-color: #51005D;
  color: white;
  font-size: 30px;
  display:flex;
  justify-content: center;
  align-items: center;
  font-family: 'Lobster', cursive; ;
  text-align: center; 
  position: absolute; width: 18%; top: 10%; right: 2%;
  
}
#portada { 
  padding: 0%;
  margin-top: 1%;
  text-align: center;
  }
#arriba{
  background-color: #b3b3b3;
  height: 66px;
  width: 100%;
  margin-top: 0%;
  width: 100%; top: 0%; right: 0%;
  position:sticky;
  
}

#zona1:hover{
  background-color: #f5a2a2;
}
#zona2:hover{
  background-color: #f5c598;
}
#zona3:hover{
  background-color: #fbfca4;
}
#zona4:hover{
  background-color: #b7ffab;
}
#zona5:hover{
  background-color: #ccf9ff;
}
#zona6:hover{
  background-color: #e2d8e4;
}

#tituloperfil {
  font-family: 'Lobster', cursive;;
  background-color: #ffdede; 
  text-align: center;
  color: #ff7a7a;
}

#tituloillia {
  font-family: 'Lobster', cursive;;
  background-color: #ffe5d4;
  color: #ffaf7a;
  text-align: center;
}

#titulogaleria {
  font-family: 'Lobster', cursive;;
  background-color: #fffede;
  text-align: center;
  color: #ffe76e;
  text-align: center;
}

#fotosGaleria{
  text-align:center;
}

#titulofuturo {
  font-family: 'Lobster', cursive;;
  background-color: #e8ffe6;
  color: #aaff6e;
  text-align: center;
}

#titulorandom {
  font-family: 'Lobster', cursive;;
  background-color: #ebfdff;
  color: #97fcf2;
  text-align: center;
}

#nombreEnPerfil{
  width: 100vw;
  text-align: center;
}



#texto1{
  text-align: justify;
}
#imagen1{
  height:100vh;
}