@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200&display=swap');
body{
    font-family: 'Poppins', sans-serif;
    display:flex;
    flex-direction: column;
    margin: 0%;
    background-color: #f3d5b5;
}

header{
  text-align: center;
  color: black;
  text-shadow: grey;
  text-anchor: middle;
  text-emphasis-color:initial ;
}
#img1{
  width: 20vw;
  margin: auto;
 display:block;
 margin-bottom: 4% ;
 box-shadow:2px 2px 4px 4px rgba(0, 0, 0, 0.226);
}

#menu{
text-align: center;
background-color: #a47148;


}


#presentacion{
margin: 0%;

}

#izq{ 
  text-align:left;
  margin-left: 1%;
  margin-right: 1%;
  background-color: #d4a276;
  padding-bottom: 10px;

  }

#der{
  text-align:right;
  margin-left: 1%;
  margin-right: 1%;
  background-color: #bc8a5f;
}

h2, h3{
margin-left: 1%;
margin-right: 1%;
}

#historias{
  width: 90vw;
display: flex;
justify-content: space-evenly;

}

.hinstagram{
width: 15vw;
}

#publicaciones{
  width: 90vw;
display: flex;
justify-content: space-evenly;
} 

.pinstagram{
  width: 20vw;
}

#link{
  text-align: center;
}

#ifuturo{
  width: 50vw;
margin: auto;
  display: flex;
  justify-content: space-evenly;
}


.collage{
  max-width: 400px;
  margin: 5vh 0;  
transition: transform 0.5s ease-in;

}
.collage:hover { 
  transform: scale(1.2);
}

#collagesdiv{
  display:flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}