.moveInRight {
  transform: translateX(0%);
  transition: transform 1s ease-in-out, opacity 1s ease-in-out;
}

.moveInLeft {
  transform: translateX(0%);
  transition: transform 1s ease-in-out, opacity 1s ease-in-out;
}

.moveOutLeft {
  transform: translateX(150%);
  transition: transform 1s ease-in-out, opacity 1s ease-in-out;
}

.moveOutRight {
  transform: translateX(-150%);
  transition: transform 1s ease-in-out, opacity 1s ease-in-out;
}

.zoomIn {
  opacity: 1;
  transition: opacity 1s ease-in-out;
}

.zoomOut {
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.show {
  opacity: 1;
  transform: translateY(0);
  transition: transform 1s ease-in-out, opacity 1s ease-in-out;
}