/* ============================================================================
   GLOBAL STYLES
   ============================================================================ */

:root {
  font-family: 'Inter', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', sans-serif;
}

/* ============================================================================
   PAGE TRANSITIONS & ANIMATIONS
   ============================================================================ */

#app {
  opacity: 1;
  transition: opacity 0.3s ease-in;
}

.main-content {
  animation: slideUp 0.4s ease-out;
}

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