.nav-link {
  color: #475569;
}

.nav-link:hover {
  color: #2563eb;
}

body[data-page="home"] .nav-link[href="index.html"],
body[data-page="about"] .nav-link[href="about.html"] {
  color: #2563eb;
}

@media (prefers-reduced-motion: no-preference) {
  @view-transition {
    navigation: auto;
  }

  .site-header {
    view-transition-name: site-header;
  }

  .site-footer {
    view-transition-name: site-footer;
  }

  .page-content {
    view-transition-name: page-content;
  }
}