.hidden {
  display: none;
}

.visible {
  animation: appear 0.3s ease-out;
}

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