@import "/css/root/root.css";
@import "/css/includes/header.css";
@import "/css/about.css";
@import "/css/tab.css";
@import "/css/tab1.css";
@import "/css/tab2.css";
@import "/css/tab5.css";
@import "/css/tab3.css";
@import "/css/includes/footer.css";

/* Animasyon tanımı */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Animasyonu kullanan sınıf */
.animate-fade-in-1 {
  animation: fadeIn 0.5s ease forwards;
}

.animate-fade-in-2 {
  animation: fadeIn 1s ease forwards;
}

.animate-fade-in-3 {
  animation: fadeIn 1.5s ease forwards;
}

.animate-fade-in-4 {
  animation: fadeIn 2s ease forwards;
}

.animate-fade-in-5 {
  animation: fadeIn 2.5s ease forwards;
}

.animate-fade-in-6 {
  animation: fadeIn 3s ease forwards;
}

.animate-fade-in-7 {
  animation: fadeIn 3.5s ease forwards;
}

.animate-fade-in-8 {
  animation: fadeIn 4s ease forwards;
}