html {
  scroll-behavior: smooth;
}

body {
 background-color: #dac3e8;
}

#titulo{
  color: #fff;
  font-size: 7vw;
  font-family: 'Alata', sans-serif;
  text-align: center;
  background-color: #a06cd5
}

#boton1{
  font-family: 'Alata', sans-serif;
  font-size: 3vw;
  text-align: center;
  color:#6247aa;
  text-shadow: 0.15vw 0.15vw 0.15vw #d2b7e5;
  position: absolute; width: 16vw; top: 11vw;  left: 0vw;
  background-color: #b185db
}

#boton1:hover{
  font-family: 'Alata', sans-serif;
  font-size: 3vw;
  text-align: center;
  color:#d2b7e5;
  text-shadow: 0.15vw 0.15vw 0.15vw #6247aa;
  position: absolute; width: 16vw; top: 11vw;  left: 0vw;
  background-color: #9163cb

  }


#boton2{
  font-family: 'Alata', sans-serif;
  font-size: 3vw;
  text-align: center;
  color:#6247aa;
  text-shadow: 0.15vw 0.15vw 0.15vw #d2b7e5;
  position: absolute; width: 33vw; top: 11vw;  right: 50vw;
  background-color: #b185db
}

#boton2:hover{
  font-family: 'Alata', sans-serif;
  font-size: 3vw;
  text-align: center;
  color:#d2b7e5;
  text-shadow: 0.15vw 0.15vw 0.15vw #6247aa;
  position: absolute; width: 33vw; top: 11vw;  right: 50vw;
  background-color: #9163cb

  }

#boton3{
  font-family: 'Alata', sans-serif;
  font-size: 3vw;
  text-align: center;
  color:#6247aa;
  text-shadow: 0.15vw 0.15vw 0.15vw #d2b7e5;
  position: absolute; width: 15vw; top: 11vw;  right: 37vw;
  background-color: #b185db
}


#boton3:hover{
  font-family: 'Alata', sans-serif;
  font-size: 3vw;
  text-align: center;
  color:#d2b7e5;
  text-shadow: 0.15vw 0.15vw 0.15vw #6247aa;
  position: absolute; width: 15vw; top: 11vw; right: 37vw;
  background-color: #9163cb
}

#boton4{
  font-family: 'Alata', sans-serif;
  font-size: 3vw;
  text-align: center;
  color:#6247aa;
  text-shadow: 0.15vw 0.15vw 0.15vw #d2b7e5;
  position: absolute; width: 20vw; top: 11vw; right: 19vw;
  background-color: #b185db
}

#boton4:hover{
  font-family: 'Alata', sans-serif;
  font-size: 3vw;
  text-align: center;
  color:#d2b7e5;
  text-shadow: 0.15vw 0.15vw 0.15vw #6247aa;
  position: absolute; width: 20vw; top: 11vw; right: 19vw;
  background-color: #9163cb
}

#boton5{
  font-family: 'Alata', sans-serif;
  font-size: 3vw;
  text-align: center;
  color:#6247aa;
  text-shadow: 0.15vw 0.15vw 0.15vw #d2b7e5;
  position: absolute; width: 17vw; top: 11vw;  right: 3vw;
  background-color: #b185db

}

#boton5:hover{
  font-family: 'Alata', sans-serif;
  font-size: 3vw;
  text-align: center;
  color:#d2b7e5;
  text-shadow: 0.15vw 0.15vw 0.15vw #6247aa;
  position: absolute; width: 17vw; top: 11vw;  right: 3vw;
  background-color: #9163cb


}
#boton6{
  font-family: 'Alata', sans-serif;
  font-size: 3vw;
  text-align: center;
  color:#6247aa;
  text-shadow: 0.15vw 0.15vw 0.15vw #d2b7e5;
  position: absolute; width: 17vw; top: 11vw;  right: 1vw;
  background-color: #b185db

}

#boton6:hover{
  font-family: 'Alata', sans-serif;
  font-size: 3vw;
  text-align: center;
  color:#d2b7e5;
  text-shadow: 0.15vw 0.15vw 0.15vw #6247aa;
  position: absolute; width: 17vw; top: 11vw;  right: 1vw;
  background-color: #9163cb
  

}
.imagen1{
  padding-top:7vw;
  text-align: center;
}

.seccion{
  font-family: 'Alata', sans-serif;
  color: #6247aa ;
  text-shadow: 0.15vw 0.15vw 0.15vw #d2b7e5;
  font-size: 6vw;
  text-align: center;
  margin-top:2vw;
  margin-bottom:2vw;
  background-color: #b185db
  }
    
.seccion:hover{
  background-color: #6247aa;
  font-family: 'Alata', sans-serif;
  color: #d2b7e5 ;
  text-shadow: 0.15vw 0.15vw 0.15vw #6247aa;
  font-size: 6vw;
  text-align: center;
  margin-top:2vw;
  margin-bottom:2vw;
  background-color: #9163cb

}

#nombre{
  text-align:center;
  font-family: 'Alata', sans-serif;
  font-size:3.5vw;
  color:#6247aa;
  text-shadow: 0.15vw 0.15vw 0.15vw #dec9e9;
  }


#texto1{
  text-align:center;
  font-family: 'Alata', sans-serif;
  font-size:2.5vw;
  color:#6247aa;
  text-shadow: 0.15vw 0.15vw 0.15vw #dec9e9;
  }

#texto2{
  text-align:center;
  font-family: 'Alata', sans-serif;
  font-size:2.5vw;
  color:#6247aa;
  text-shadow: 0.15vw 0.15vw 0.15vw #dec9e9;
  }


#texto3{
  text-align:center;
  font-family: 'Alata', sans-serif;
  font-size:2.5vw;
  color:#6247aa;
  text-shadow: 0.15vw 0.15vw 0.15vw #dec9e9;
  }

#texto4{
  text-align:center;
  font-family: 'Alata', sans-serif;
  font-size:2.5vw;
  color:#6247aa;
  text-shadow: 0.15vw 0.15vw 0.15vw #dec9e9;
  }

#texto5{
  text-align:center;
  font-family: 'Alata', sans-serif;
  font-size:2.5vw;
  color:#6247aa;
  text-shadow: 0.15vw 0.15vw 0.15vw #dec9e9;
  }

#texto6{
  text-align:center;
  font-family: 'Alata', sans-serif;
  font-size:1.5vw;
  color:#black;
  text-shadow: 0.15vw 0.15vw 0.15vw #dec9e9;
  }



 .titulo1{
  text-align:center;
  font-family: 'Alata', sans-serif;
  font-size:5vw;
  color:#6247aa;
  text-shadow: 0.15vw 0.15vw 0.15vw #dec9e9;
  margin-top:3vw;
  margin-bottom: 3vw;
}
   .titulo2{
  text-align:center;
  font-family: 'Alata', sans-serif;
  font-size:5vw;
  color:#6247aa;
  text-shadow: 0.15vw 0.15vw 0.15vw #dec9e9;
  margin-top:3vw;
  margin-bottom: 3vw;
}

.titulo3{
  text-align:center;
  font-family: 'Alata', sans-serif;
  font-size:5vw;
  color:#6247aa;
  text-shadow: 0.15vw 0.15vw 0.15vw #dec9e9;
  margin-top:3vw;
  margin-bottom: 3vw;
}

.titulo4{
  text-align:center;
  font-family: 'Alata', sans-serif;
  font-size:5vw;
  color:#6247aa;
  text-shadow: 0.15vw 0.15vw 0.15vw #dec9e9;
  margin-top:3vw;
  margin-bottom: 3vw;
}


.titulo5{
  text-align:center;
  font-family: 'Alata', sans-serif;
  font-size:5vw;
  color:#6247aa;
  text-shadow: 0.15vw 0.15vw 0.15vw #dec9e9;
  margin-top:3vw;
  margin-bottom: 3vw;
}

.titulo6{
  text-align:center;
  font-family: 'Alata', sans-serif;
  font-size:5vw;
  color:#6247aa;
  text-shadow: 0.15vw 0.15vw 0.15vw #dec9e9;
  margin-top:3vw;
  margin-bottom: 3vw;
}

.foto1{
  "width auto": 3vw;
  "height auto": 3vw;

  }


#futuro{
  text-align:justify;
  font-family: 'Alata', sans-serif;
  font-size:2vw;

}

.fotos{
  text-align:center;
}