body{
  margin: 0;
}

.container {
  height:  100%;
  display: flex; /* or inline-flex */
  flex-direction: column;
  min-height: 100vh;
  align-items: center;
  justify-content: center;
  
  

}
div {


  
}
img {
  width: 200px;
}

.infos {
  margin-top: 20px;
}

.infos img{
  margin-top: 20px;
  transform: scale(2.5);

}
.small {

  width: 25px;
  margin: 5px;
  margin-top: 20px;
}

.social {
  text-align:center;
  /*HTML <img> elements are inline level elements, so they are affected by the text-align property.*/
}