@keyframes popIn {
  from {
    opacity: 0;
    transform: translateY(50%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.popIn {
  opacity: 0;
  animation: popIn 350ms ease-out forwards;
}