/* Animations pour les cards projets et la page détail projet */

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

.project__card {
  animation: fadeInUp 0.7s cubic-bezier(0.23, 1, 0.32, 1) both;
}

.project__card__block__pic {
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.4s;
}

.project__card:hover .project__card__block__pic {
  transform: scale(1.04) rotate(-2deg);
  box-shadow: 0 8px 32px rgba(34, 174, 209, 0.18);
}

.btn {
  transition: background 0.3s, color 0.3s, transform 0.2s;
}

.btn:hover {
  background: var(--color-tertiary);
  color: var(--color-primary);
  transform: scale(1.07);
}

/* Animation pour le titre de la page projet */
.project__card__block__info__title {
  animation: fadeInUp 0.8s 0.1s both;
}

/* Animation pour la description */
.project-detail__desc {
  animation: fadeInUp 0.8s 0.2s both;
}