/* Animations for website elements */

/* Fade in animation for sections */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

.fade-in {
  animation: fadeIn 0.8s ease-out forwards;
}

/* Staggered animation delay classes */
.delay-1 { animation-delay: 0.1s; }
.delay-2 { animation-delay: 0.2s; }
.delay-3 { animation-delay: 0.3s; }
.delay-4 { animation-delay: 0.4s; }
.delay-5 { animation-delay: 0.5s; }

/* Subtle hover effects for project cards */
.project-card {
  transition: transform 0.3s, box-shadow 0.3s;
}

.project-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}

/* Skill tag animation */
.skill-tag {
  transition: background-color 0.3s, transform 0.2s;
}

.skill-tag:hover {
  transform: scale(1.05);
  background-color: var(--highlightColor);
  color: #000;
}

/* Logo animation */
@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}

.header_logo a:hover {
  animation: pulse 1s infinite;
}