html{
  scroll-behavior:smooth;
}
body{
  background-color: #fffff0;
  font-family: 'PT Sans', sans-serif;
    background-image: url("https://images7.alphacoders.com/377/377769.png");
}

#titulo{
  font-family: 'Playfair Display', serif;
  color: white  ;
  font-size: 8vw;
  text-align: center;
   
  
}


#bloque1{
  background-color: #B0C4DE;
  font-family: 'Boogaloo', cursive;
familia tipográfica: 'Anton', sans-serif;;
  font-size: 4vw;
  text-align: center;
  color:#4682B4;
  text-shadow: 0.15vw 0.15vw 0.15vw #ADD8E6;
  position: absolute; width: 16vw; top: 13vw;  left: 40vw;
}

#bloque1:hover{
  background-color: #fffff0;
  font-family: 'Boogaloo', cursive;
  font-size: 4vw;
  text-align: center;
  color:#4682B4;
  text-shadow: 0.15vw 0.15vw 0.15vw #ADD8E6;
  position: absolute; width: 16vw; top: 13vw;  left: 40vw;
}

#bloque2{
   background-color: #B0C4DE;
  font-family: 'Boogaloo', cursive;
  font-size: 4vw;
  text-align: center;
  color:#4682B4;
  text-shadow: 0.15vw 0.15vw 0.15vw #ADD8E6;
  position: absolute; width: 35vw; top: 20vw;  right: 33vw;
}

#bloque2:hover{
  background-color: #fffff0;
  font-family: 'Boogaloo', cursive;
  font-size: 4vw;
  text-align: center;
  color:#4682B4;
  text-shadow: 0.15vw 0.15vw 0.15vw #ADD8E6;
  position: absolute; width: 35vw; top: 20vw;  right: 33vw;
}

#bloque3{
   background-color: #B0C4DE;
  font-family: 'Boogaloo', cursive;
  font-size: 4vw;
  text-align: center;
  color:#4682B4;
  text-shadow: 0.15vw 0.15vw 0.15vw #ADD8E6;
  position: absolute; width: 16vw; top: 27vw;  right: 42vw;
}

#bloque3:hover{  
  background-color: #fffff0;
  font-family: 'Boogaloo', cursive;
  font-size: 4vw;
  text-align: center;
  color:#4682B4;
  text-shadow: 0.15vw 0.15vw 0.15vw #ADD8E6;
  position: absolute; width: 16vw; top: 27vw;  right: 42vw;
}

#bloque4{
   background-color: #B0C4DE;
  font-family: 'Boogaloo', cursive;
  font-size: 4vw;
  text-align: center;
  color:#4682B4;
  text-shadow: 0.15vw 0.15vw 0.15vw #ADD8E6;
  position: absolute; width: 16vw; top: 34vw;  right: 42vw; 
}

#bloque4:hover{
  background-color: #fffff0;
  font-family: 'Boogaloo', cursive;
  font-size: 4vw;
  text-align: center;
  color:#4682B4;
  text-shadow: 0.15vw 0.15vw 0.15vw #ADD8E6;
  position: absolute; width: 16vw; top: 34vw;  right: 42vw; 
}

#bloque5{
   background-color: #B0C4DE;
  font-family: 'Boogaloo', cursive;
  font-size: 4vw;
  text-align: center;
  color:#4682B4;
  text-shadow: 0.15vw 0.15vw 0.15vw #ADD8E6;
  position: absolute; width: 17vw; top: 41vw;  right: 42vw; 
}

#bloque5:hover{
  background-color: #fffff0;
  font-family: 'Boogaloo', cursive;
  font-size: 4vw;
  text-align: center;
  color:#4682B4;
  text-shadow: 0.15vw 0.15vw 0.15vw #ADD8E6;
  position: absolute; width: 17vw; top: 41vw;  right: 42vw; 
}

#bloque6{
   background-color: #B0C4DE;
  font-family: 'Boogaloo', cursive;
  font-size: 4vw;
  text-align: center;
  color:#4682B4;
  text-shadow: 0.15vw 0.15vw 0.15vw #ADD8E6;
  position: absolute; width: 17vw; top: 41vw;  right: 42vw; 
}

#bloque6:hover{
  background-color: #fffff0;
  font-family: 'Boogaloo', cursive;
  font-size: 4vw;
  text-align: center;
  color:#4682B4;
  text-shadow: 0.15vw 0.15vw 0.15vw #ADD8E6;
  position: absolute; width: 17vw; top: 41vw;  right: 42vw; 
}

#marquesina1{
  padding-top:7vw;
}

.seccion{
  font-family: 'Boogaloo', cursive;;
  color: white ;
  font-size: 4vw;
  text-align: center;
  margin-top:50vw;
  margin-bottom:2vw;
  text-decoration:none;
   background-image: url("https://images7.alphacoders.com/377/377769.png");
}



.subtitulo{
  text-align:center;
  font-family:'Boogaloo', cursive;
  font-size:5vw;
  color:#4682B4;
  text-shadow: 0.15vw 0.15vw 0.15vw #ADD8E6;
  margin-top:3vw;
  margin-bottom: 3vw;
}

#fotoperfil {
  text-align: center;
}

#nombre{
  text-align:center;
  font-family:'Boogaloo', cursive;
  font-size:5vw;
  color:#4682B4;
  text-shadow: 0.15vw 0.15vw 0.15vw #ADD8E6;
}
#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:2vw;
  padding-bottom:4vw;
  margin-left:15vw;
  margin-right:15vw;
}

#redes{
  
  text-align:center;
  font-family:'Boogaloo', cursive;
  font-size:5vw;
  color:#4682B4;
  text-shadow: 0.15vw 0.15vw 0.15vw #ADD8E6;
  margin-top:1vw;
  padding-bottom:2vw;
}
#users{
  
  text-align:center;
  font-family:'Boogaloo', cursive;
  font-size:4vw;
  color:#ADD8E6;
  text-shadow: 0.15vw 0.15vw 0.15vw #4682B4;
  padding-bottom:2vw;
}
#futuro{
  text-align:center;
  padding:3vw;
  margin-right:5vw;
  margin-left:5vw;
}


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