/* Додаткові стилі (за бажанням) */
body {
  margin: 0;
}

header a:hover {
  color: #1d4ed8;
  transition: color 0.3s;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

.animate-fadeIn.delay-200 {
  animation-delay: 0.2s;
}

.animate-fadeIn.delay-400 {
  animation-delay: 0.4s;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

.animate-fadeIn.delay-200 {
  animation-delay: 0.2s;
}
.animate-fadeIn.delay-400 {
  animation-delay: 0.4s;
}
.animate-fadeIn.delay-600 {
  animation-delay: 0.6s;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fadeIn {
  animation: fadeIn 1s ease forwards;
}
.animate-fadeIn.delay-200 {
  animation-delay: 0.2s;
}
.animate-fadeIn.delay-400 {
  animation-delay: 0.4s;
}