/* Custom Styles for animations and font */
body {
  font-family: "Inter", sans-serif;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
main {
  flex-grow: 1; /* Allows main content to expand and push footer down */
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.animate-fade-in-down {
  animation: fadeInDown 0.8s ease-out forwards;
}
.animate-fade-in-up {
  animation: fadeInUp 0.8s ease-out forwards;
}
.modal-overlay {
  background-color: rgba(17, 24, 39, 0.75); /* gray-900 with 75% opacity */
}
.hidden {
  display: none;
}