@charset "UTF-8";
.generic {
  background-color: #b3b3b3;
  padding: 1rem;
  margin: 1rem;
  text-align: center;
}

.containerMax {
  background-color: transparent;
  max-width: 1024px;
  overflow: hidden;
  width: 100%;
}

.containerGrow {
  display: flex;
  align-items: flex-start;
}

.point {
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: margin 0.5s ease-in-out;
}

/* 

containerMax será el div que limite el ancho máximo, mientras que containerGrow será el container que crecerá en función de la cantidad de puntos (div.point) que tenga 

El elemento point abarcará el 100% divido entre la cantidad de elementos point que existan  

*/