.hidden {
  opacity: 0;
  filter: blur(5px);
  transform: translateY(100%);
  transition: all 0.5s;
}

.show {
  opacity: 1;
  filter: blur(0);
  transform: translateY(0);
}

.hidden1 {
  opacity: 0;
  filter: blur(5px);
  transform: translateX(-50%) scale(0.95);
  transition: all 0.6s ease-out;
}

.show1 {
  opacity: 1;
  filter: blur(0);
  transform: translateX(0) scale(1);
}

.hidden2 {
  opacity: 0;
  filter: blur(5px);
  transform: translateX(50%) scale(0.95);
  transition: all 0.6s ease-out;
}

.show2 {
  opacity: 1;
  filter: blur(0);
  transform: translateX(0) scale(1);
}

.hidden3 {
  opacity: 0;
  filter: blur(5px);
  transform: translateY(-50%) scale(0.95);
  transition: all 0.6s ease-out;
}

.show3 {
  opacity: 1;
  filter: blur(0);
  transform: translateY(0) scale(1);
}

.hidden5 {
  opacity: 0;
  filter: blur(5px);
  transform: scale(0.5);
  transition: all 0.6s ease-out;
}

.show5 {
  opacity: 1;
  filter: blur(0);
  transform: scale(1);
}

.hidden6 {
  opacity: 0;
  filter: blur(5px);
  transform: rotateY(90deg) scale(0.95);
  transition: all 0.6s ease-out;
  transform-origin: center;
}

.show6 {
  opacity: 1;
  filter: blur(0);
  transform: rotateY(0) scale(1);
}