.productsTitle {
  letter-spacing: 5px;
  text-align: center;
  font-size: 2.7em;
  margin: 0;
  margin-top: 1em;
}

.productsSubTitle {
  text-align: center;
  color: #59514C;
  font-size: 1.5em;
  margin: 0;
  margin-bottom: 2em;
}

.productName {
  font-weight: bold;
  font-size: 1.2em;
  padding-top: .5em;
}

.products {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.productItem {
  margin-bottom: 2em;
}

.products_footer {
  width: 100%;
  margin-top: 2em;
}

/* .products div { */
/*   overflow: hidden; */
/* } */

/* .products img { */
/*   transition: transform .2s; */
/* } */

/* .products img:hover { */
/*   transform: scale(1.1); */
/* } */

.img-hover-zoom {
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
  height: 370px;
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
  transition: transform .5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
  transform: scale(1.5);
}

/* Brightness-zoom Container */
.img-hover-zoom--brightness img {
  transition: transform 2s, filter 1.5s ease-in-out;
  transform-origin: center center;
  filter: brightness(70%);
  width: 370px;
  height: 370px;
  object-fit: cover;
}

/* The Transformation */
.img-hover-zoom--brightness:hover img {
  filter: brightness(100%);
  transform: scale(1.3);
}

.createItem {
  border: 1px solid;
  width: 370px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.createItem p {
  font-size: 2em;
}

.fa-trash-alt {
  color: red;
  margin-right: .5em;
}

.fa-pencil-alt {
  color: green;
}