/* Fade-in animation */
.fade-in {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 0.7s ease forwards;
}

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: none;
  }
}

/* Smooth transitions for interactive elements */
button, .project-card, .project-link, .contact-info a, .github-link, .back-link {
  transition: background 0.3s, color 0.3s, box-shadow 0.3s, transform 0.2s;
}

/* Subtle hover effect for buttons */
button:hover {
  background: var(--accent);
  color: #fff;
}