html {
      scroll-behavior: smooth;
    }
    nav a {
      transition: color 0.3s, box-shadow 0.3s;
    }
    nav a:hover, nav a:focus {
      box-shadow: 0 2px 0 0 #6366f1;
    }

    .hero-bg {
  background-image: url('assets/bg-sunrise.avif');
  background-size: cover;
  background-position: center;
}