html{
  scroll-behavior:smooth;
}
body{
  background-color: #EBD9C3;
  font-family: 'PT Sans', sans-serif;
}

#titulo{
  font-family: 'Londrina Solid', cursive;
  color: white  ;
  font-size: 8vw;
  text-align: center;
  background-image: url("https://i.ibb.co/SRHyXMc/fondo-css.jpg");
}

#sub0{
  font-family: 'Boogaloo', cursive;
  font-size: 3vw;
  text-align: center;
  color:#603808;
  text-shadow: 0.15vw 0.15vw 0.15vw #EAAF70;
  position: absolute; width: 16vw; top: 5vw;  left: 0vw;
}

#sub0:hover{
  font-family: 'Boogaloo', cursive;
  font-size: 3vw;
  text-align: center;
  color:#EAAF70;
  text-shadow: 0.15vw 0.15vw 0.15vw #603808;
  position: absolute; width: 16vw; top: 5vw;  left: 0vw;
}

#sub1{
  font-family: 'Boogaloo', cursive;
  font-size: 3vw;
  text-align: center;
  color:#603808;
  text-shadow: 0.15vw 0.15vw 0.15vw #EAAF70;
  position: absolute; width: 16vw; top: 11vw;  left: 0vw;
}

#sub1:hover{
  font-family: 'Boogaloo', cursive;
  font-size: 3vw;
  text-align: center;
  color:#EAAF70;
  text-shadow: 0.15vw 0.15vw 0.15vw #603808;
  position: absolute; width: 16vw; top: 11vw;  left: 0vw;
}

#sub2{
  font-family: 'Boogaloo', cursive;
  font-size: 3vw;
  text-align: center;
  color:#603808;
  text-shadow: 0.15vw 0.15vw 0.15vw #EAAF70;
  position: absolute; width: 35vw; top: 11vw;  right: 52vw;
}

#sub2:hover{
  font-family: 'Boogaloo', cursive;
  font-size: 3vw;
  text-align: center;
  color:#EAAF70;
  text-shadow: 0.15vw 0.15vw 0.15vw #603808;
  position: absolute; width: 35vw; top: 11vw;  right: 52vw;
}

#sub3{
  font-family: 'Boogaloo', cursive;
  font-size: 3vw;
  text-align: center;
  color:#603808;
  text-shadow: 0.15vw 0.15vw 0.15vw #EAAF70;
  position: absolute; width: 16vw; top: 11vw;  right: 37vw;
}

#sub3:hover{
  font-family: 'Boogaloo', cursive;
  font-size: 3vw;
  text-align: center;
  color:#EAAF70;
  text-shadow: 0.15vw 0.15vw 0.15vw #603808;
  position: absolute; width: 16vw; top: 11vw;  right: 37vw;
}

#sub4{
  font-family: 'Boogaloo', cursive;
  font-size: 3vw;
  text-align: center;
  color:#603808;
  text-shadow: 0.15vw 0.15vw 0.15vw #EAAF70;
  position: absolute; width: 16vw; top: 11vw;  right: 19vw; 
}

#sub4:hover{
  font-family: 'Boogaloo', cursive;
  font-size: 3vw;
  text-align: center;
  color:#EAAF70;
  text-shadow: 0.15vw 0.15vw 0.15vw #603808;
  position: absolute; width: 16vw; top: 11vw;  right: 19vw; 
}

#sub5{
  font-family: 'Boogaloo', cursive;
  font-size: 3vw;
  text-align: center;
  color:#603808;
  text-shadow: 0.15vw 0.15vw 0.15vw #EAAF70;
  position: absolute; width: 17vw; top: 11vw;  right: 0vw; 
}

#sub5:hover{
  font-family: 'Boogaloo', cursive;
  font-size: 3vw;
  text-align: center;
  color:#EAAF70;
  text-shadow: 0.15vw 0.15vw 0.15vw #603808;
  position: absolute; width: 17vw; top: 11vw;  right: 0vw; 
}

#marquesina1{
  padding-top:7vw;
}

.seccion{
  background-image: url("https://i.ibb.co/SRHyXMc/fondo-css.jpg");
  font-family: 'Boogaloo', cursive;;
  color: white ;
  font-size: 4vw;
  text-align: center;
  margin-top:2vw;
  margin-bottom:2vw;
  text-decoration:none;
}



.titulitos{
  text-align:center;
  font-family:'Boogaloo', cursive;
  font-size:5vw;
  color:#603808;
  text-shadow: 0.15vw 0.15vw 0.15vw #EAAF70;
  margin-top:3vw;
  margin-bottom: 3vw;
}

#fotoperfil {
  text-align: center;
}

#nombre{
  text-align:center;
  font-family:'Boogaloo', cursive;
  font-size:5vw;
  color:#603808;
  text-shadow: 0.15vw 0.15vw 0.15vw #EAAF70;
}
#textoperfil2{
  text-align:center;
  font-size:3vw;
  margin-bottom:5vw;
}
#textoperfil3{
  background-color:#EAAF70;
  font-family: 'PT Sans', sans-serif;
  text-align:center;
  font-size:3vw;
  padding-top:4vw;
  margin-left:15vw;
  margin-right:15vw;
}
#textoperfil4{
  background-color:#EAAF70;
  font-family: 'PT Sans', sans-serif;
  text-align:center;
  font-size:3vw;
  padding-bottom:4vw;
  margin-left:15vw;
  margin-right:15vw;
}

#redes{
  background-color:white;
  text-align:center;
  font-family:'Boogaloo', cursive;
  font-size:5vw;
  color:#603808;
  text-shadow: 0.15vw 0.15vw 0.15vw #EAAF70;
  margin-top:5vw;
  padding-bottom:2vw;
}
#users{
  background-color:white;
  text-align:center;
  font-family:'Boogaloo', cursive;
  font-size:4vw;
  color:#EAAF70;
  text-shadow: 0.15vw 0.15vw 0.15vw #603808;
  padding-bottom:2vw;
}

#futuro{
  text-align:justify;
  padding:3vw;
  margin-right:5vw;
  margin-left:5vw;
}

.fotos{
  text-align:center;
  padding-top: 4vw;
}