#flecha{
  height: auto;
  width: 70px;
}

#flecha-div{
    width: 13%;
}


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

body{
 background: #F9E79F;
}

.volver{
  position: fixed;
  text-align: left;
    bottom: 0;
    right: 0;
    margin-right: 850px;
    margin-bottom: 480px;
  z-index:2;
}
.volver:hover{
   position: fixed;
  text-align: left;
    bottom: 0;
    right: 0;
    margin-right: 850px;
    margin-bottom: 480px;
  z-index:2;
  opacity: 0.5;
}
.botones{
  background-color:white ;
  color: #f7d547;
  text-align: center; 
  border-radius: 1px;
  font-family: 'Fascinate Inline', cursive;
  cursor: pointer;
  font-size: 15px;
}
.botones:hover {
  background-color: black;
  opacity: 0.3;
  color: white;
  transition-duration: 0.5s;
}
#boton1{
  font-size: 30px;
  position: absolute; width: 15%; top: 39%; left: 45% ;
    
}
#boton2 {
  font-size: 29px;
  position: absolute; width: 42%; top: 57%; left: 31%; 
  
}
#boton3 {
  font-size: 30px;
  position: absolute; width: 18%; top: 57%; ; left: 78% ;
  
}
#boton4 {
  font-size: 30px;
  position: absolute; width: 18%; top: 75%; left: 43%; 
  
}
#boton5{
  font-size: 30px;
  position: absolute; width: 20%; top: 57%; left: 6%; 
}
#perfil{ 
 font-family: 'Fascinate Inline', cursive;
text-align:center;
  color: white;
  font-size:50px;
  text-shadow: 1px 1px 1px darkred;
  background-color: #f7d547;
  box-shadow: 1px 1px 2px lightcoral;}

#mipasoporelillia{
  font-family: 'Fascinate Inline', cursive;
text-align:center;
  color: white;
  font-size:50px;
  text-shadow: 1px 1px 1px darkred;
  background-color: #f7d547;
  box-shadow: 1px 1px 2px lightcoral;
}

#galeria{
  font-family: 'Fascinate Inline', cursive;
text-align:center;
  color: white;
  font-size:50px;
  text-shadow: 1px 1px 1px darkred;
  background-color: #f7d547;
  box-shadow: 1px 1px 2px lightcoral;
}

#futuro{
  font-family: 'Fascinate Inline', cursive;
text-align:center;
  color: white;
  font-size:50px;
  text-shadow: 1px 1px 1px darkred;
  background-color: #f7d547;
  box-shadow: 1px 1px 2px lightcoral;
}

#random{
  font-family: 'Fascinate Inline', cursive;
text-align:center;
  color: white;
  font-size:50px;
  text-shadow: 1px 1px 1px darkred;
  background-color: #f7d547;
  box-shadow: 1px 1px 2px lightcoral;
}

.texto1{
font-family: 'Saira Condensed', sans-serif;
  font-size:30px;
  color: #7D6608;
  text-align: justify;
}
#fotosperfil{
  text-align: center;
  padding: 10px;
}
.video{
  text-align:center;
}
.redessociales{
  font-family: 'Saira Condensed', sans-serif;
  font-size:30px;
  color: #7D6608;
  text-align: center;
}
.texto2{
  column-count:2;
   column-gap:20px;
   column-rule:3px solid #f7d547;  
   padding: 20px;
  font-family: 'Saira Condensed', sans-serif;
  font-size:20px;
  color: #7D6608;
  text-align: justify;
}

.gallery {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 20px;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-row-end: 3;
  align-content: start;
  max-width: 700px;
  margin: 0 auto;
  transition: all 150ms linear;
}

.gallery input[type="radio"] {
  display: none;
}

.gallery label {
  position: relative;
  display: block;
  padding-bottom: 60%;
  margin: 5px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

.gallery label:before {
  border: 1px solid #e3e3e3;
  content: '';
  position: absolute;
  left: -5px;
  right: -5px;
  bottom: -5px;
  top: -5px;
}

.gallery img {
  display: none;
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 2;
  width: 100%;
  transition: all 150ms linear;
}

.gallery input[name="select"]:checked + label + img {
  display: block;
}

.gallery input[name="select"]:checked + label:before {
  border: 1px solid #000;
}

.texto3{
     font-family: 'Saira Condensed', sans-serif;
  font-size:30px;
  color: #7D6608;
  text-align: center;
}
#fotosfuturo{
  position: absolute;
  opacity:0.3;
   
}

.texto4{
     font-family: 'Saira Condensed', sans-serif;
  font-size:20px;
  color: #7D6608;
  text-align: center;
}
.texto5{
  column-count:3;
   column-gap:20px;
   column-rule:2px dashed #f7d547;  
  font-family: 'Saira Condensed', sans-serif;
  font-size:20px;
  color: #7D6608;
  text-align: justify;
}