/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *


 */

/* Custom styles to complement Tailwind */
body {
  margin: 0;
  padding: 0;
}

/* Animation for message appearance */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

/* Smooth scrolling for messages */
.messages-container {
  scroll-behavior: smooth;
}