/* static/css/login_text_anim.css */

/* Fade-in and fade-out animations for the text */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(2px); }
  to   { opacity: 1; transform: translateY(0); }
}

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

.text-anim.fade-in  { animation: fadeIn 500ms ease-in-out forwards; }
.text-anim.fade-out { animation: fadeOut 500ms ease-in-out forwards; }