html {
  scroll-behavior: smooth;
}
body{ background-color:rgb(179, 179, 255);
  
}


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


}
/********************\
PERFIL barra  
\********************/
#zona0{font-family:'Teko', sans-serif;
  background-color:rgb(179, 179, 255);
  font-size: 40px;
  text-align: center;
  color: lightcoral;
  text-shadow: 1px 1px 1px darkred;
  position: absolute; width: 13%; top: 30%;  right: 90%;
  z-index: 2; 
}
#zona0:hover{font-family:'Teko', sans-serif;
  background-color:rgb(179, 179, 255);
  font-size: 40px;
  text-align: center;
  color: darkred;
  text-shadow: 1px 1px 1px #4d0000;
  position: absolute; width: 13%; top: 30%;  right: 90%; 
  z-index: 2;
}
#zona1{font-family:'Teko', sans-serif;
  background-color:rgb(179, 179, 255);
  font-size: 45px;
  text-align: center;
  color: lightcoral;
  text-shadow: 1px 1px 1px darkred;
  position: absolute; width: 16%; top: 0%;  right: 84%; }
#zona1:hover{font-family:'Teko', sans-serif;
  background-color:rgb(179, 179, 255);
  font-size: 45px;
  text-align: center;
  color: darkred;
  text-shadow: 1px 1px 1px #4d0000;
  position: absolute; width: 16%; top: 0%;  right: 84%;}
/********************\
MI PASO POR EL ILLIA barra
\********************/
#zona2{font-family:'Teko', sans-serif;
  background-color:rgb(102, 102, 255);
  font-size: 45px;
  text-align: center;
  color: gold;
  text-shadow: 1px 1px 1px orangered;
  position: absolute; width: 30%; top: 0%;  right: 49%;
}

#zona2:hover{font-family:'Teko', sans-serif;
  background-color:rgb(102, 102, 255);
  font-size: 45px;
  text-align: center;
  color: orangered;
  text-shadow: 1px 1px 1px #cc2900;
  position: absolute; width: 30%; top: 0%;  right: 49%; 
}

/********************\
RELAX barra
\********************/
#zona3{font-family:'Teko', sans-serif;
  background-color:rgb(255, 133, 77);
  font-size: 45px;
  text-align: center;
  color: rgb(255, 220, 204);
  text-shadow: 1px 1px 1px darkolivegreen;
  position: absolute; width: 16%; top: 0%;  right: 33%; 
}
#zona3:hover{font-family:'Teko', sans-serif;
  background-color: rgb(255, 133, 77);
  font-size: 45px;
  text-align: center;
  color: rgb(255, 133, 77);
  text-shadow: 1px 1px 1px #1a3300;
  position: absolute; width: 16%; top: 0%;  right: 33%; 
}

/********************\
FUTURO barra
\********************/
#zona4{font-family:'Teko', sans-serif;
  background-color:rgb(255, 26, 117);
  font-size: 45px;
  text-align: center;
  color: rgb(179, 255, 179);
  text-shadow: 1px 1px 1px navy;
  position: absolute; width: 16%; top: 0%;  right: 17%; 
}
#zona4:hover{font-family:'Teko', sans-serif;
  background-color:rgb(179, 255, 179);
  font-size: 45px;
  text-align: center;
  color:rgb(255, 26, 117);
  text-shadow: 1px 1px 1px #000033;
  position: absolute; width: 16%; top: 0%;  right: 17%; 
}

/********************\
RANDOM barra
\********************/
#zona5{font-family:'Teko', sans-serif;
  background-color:rgb(217, 179, 255);
  font-size: 45px;
  text-align: center;
  color: rgb(255, 209, 26);
  text-shadow: 1px 1px 1px purple;
  position: absolute; width: 17%; top: 0%;  right: 0%; 
}
#zona5:hover{font-family:'Teko', sans-serif;
  background-color:rgb(255, 209, 26);
  font-size: 45px;
  text-align: center;
  color: rgb(217, 179, 255);
  text-shadow: 1px 1px 1px #4d004d;
  position: absolute; width: 17%; top: 0%;  right: 0%; 
}
/********************\
perfil configuración gral
\********************/
#perfil{font-family:'Teko', sans-serif;
text-align:center;
  color:white;
  font-size:77px;
  text-shadow: 1px 1px 1px darkred;
  background-color:black;
 }
.texto1{font-family: 'Rajdhani', sans-serif;
  color:rgb(0, 153, 102);
  text-shadow: 0.5px 0.5px 1px darkred;
  font-size:30px;
/********************\
titulo
\********************/
  }
.parrafo1{font-family: 'Rajdhani', sans-serif;
  color:rgb(0, 153, 102);
  text-shadow: 0.5px 0.5px 1px darkred;
  font-size:30px;
  margin:10px;
  text-align: center;
  }
.video{text-align:center;
}
#fotoperfil{
  margin: 20px;
  text-align:center;}

/********************\
MI PASO POR EL ILLIA config gral
\********************/
#recorrido{ font-family:'Teko', sans-serif;
text-align:center;
  color:rgb(172, 57, 115);
  font-size:77px;
  text-shadow: 1px 1px 1px rgb(243, 216, 229);
  background-color:rgb(179, 224, 255);
  }
.cosas{ font-family: 'Rajdhani', sans-serif; sans-serif;
  text-align:center;
  color:rgb(255, 220, 204);
  font-size:45px;
  text-shadow: 1px 1px 1px orangered;
  background-color:rgb(223, 159, 191);
  box-shadow: 1px 1px 2px gold;
 width: 19%; margin-top:10px;
  margin-left: 10px;
  border-radius: 10px;
}
.texto2{font-family: 'Rajdhani', sans-serif;
  color:rgb(179, 224, 255);
  text-shadow: 0.5px 0.5px 1px rgb(0, 128, 128);
  font-size:35px;
margin:15px;

}
#fotoscosas{float:right;
  margin-top:10px;
  margin-right:10px;

}
#fotostalleres{text-align:center;
  
}
#fotoslqmmg{ float:right;
  
}
#cuarto{font-family: 'Rajdhani', sans-serif; sans-serif;
  color:gold;
  text-shadow: 0.5px 0.5px 1px orangered;
  font-size:35px;
margin:15px;
}
#fotoseventos{ text-align:center;
  
  
}

/********************\
RELAX config gral
\********************/

#Relax{ font-family:'Teko', sans-serif;
text-align:center;
  color:rgb(255, 194, 153);
  font-size:70px;
  text-shadow: 1px 1px 1px rgb(102, 0, 255);
  background-color:rgb(198, 83, 83);
margin-top:7px;}

/********************\
FUTURO config gral
\********************/

#futuro{ font-family:'Teko', sans-serif;
text-align:center;
  color: rgb(121, 210, 166);
  font-size:70px;
  text-shadow: 1px 1px 1px navy;
  background-color:rgb(255, 128, 128);
  box-shadow: 1px 1px 2px lightsteelblue;}

#fotofuturo{ float:right;
   
}
#texto3{font-family: 'Rajdhani', sans-serif; sans-serif;
  color:rgb(255, 0, 128);
  text-shadow: 0.5px 0.5px 1px rgb(121, 210, 166);
  font-size:50px;
text-align:left
margin-top:10px;}

#fototito{
  text-align:center;
margin-right:10px;
}
/********************\
RANDOM config gral
\********************/
 #random{ font-family:'Teko', sans-serif;
text-align:center;
  color:rgb(255, 204, 153);
  font-size:70px;
   
  text-shadow: 1px 1px 1px purple;
  background-color:rgb(89, 0, 179);
  }
#texto4{font-family: 'Rajdhani', sans-serif;
  color:rgb(89, 0, 179);
  text-shadow:rgb(255, 153, 153);
  font-size:45px;
text-align:center;}

.mangas
img:hover{
   transition:all 0.5s ease;
  transform: scale(1.1,1.1);
  
;}
#fotofuturo
img:hover{
   transition:all 0.5s ease;
  transform: scale(1.05,1.05); }
#fotoscosas
img:hover{
   transition:all 0.5s ease;
  transform: scale(1.03,1.03); }
#fotostalleres
img:hover{
   transition:all 0.5s ease;
  transform: scale(1.03,1.03); }
#fotoslqmmg
img:hover{
   transition:all 0.5s ease;
  transform: scale(1.03,1.03); }
#fotoseventos
img:hover{
   transition:all 0.5s ease;
  transform: scale(1.03,1.03); }
.cosas:hover{
   transition:all 0.5s ease;
  transform: scale(1.05,1.05); }
#fotoperfil:hover{
  transition:all 0.5s ease;
  transform: scale(1.05,1.05);
}