/* animations.css */

a h2.hyperlink {
  color: hsl(0, 0%, 80%);
  transition: color 0.4s ease;
}

@media (hover: hover) {
  a:hover h2.hyperlink {
    color: hsl(0, 0%, 0%);
  }
}

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

section, header {
  animation: fadeIn 0.8s ease forwards;
}