/* Fonts: Google Fonts */
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap");

/* Tailwind Base Utilities */
@import "tailwindcss";

/* Custom Styles */
/* Font Family */
.font-inter {
  font-family: "Inter", sans-serif;
}
.font-noto-serif {
  font-family: "Noto Serif", serif;
}

/* Keyframes for Animation Effects */
/* Banner Animation */
@keyframes slideInLeft {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideInRight {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.slide-left {
  animation: slideInLeft 0.7s ease-out forwards;
}
.slide-right {
  animation: slideInRight 0.7s ease-out forwards;
}