.slidein {
  animation: slidein 1s;
}

@keyframes slidein {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
  }
}

.rotateout {
  animation: rotateout 0.5s, small 0.01s 0.48s forwards;
}

@keyframes rotateout {
  from {
    opacity: 1;
    transform: rotateY(0deg);
  }
  to {
    opacity: 0.3;
    transform: rotateY(90deg);
  }
}

@keyframes small {
  from {}
  to {
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    display: "none";
  }
}

.rotatein {
  opacity: 0;
  animation: rotatein 1s;
  animation-fill-mode: forwards;
}

@keyframes rotatein {
  from {
    opacity: 0;
    transform: rotateY(90deg);
  }
  to {
    opacity: 1;
    transform: rotateY(0deg);
  }
}