<style>
.nav {
  display: block;
}

@keyframes nav-scoped-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
</style>

<style>
.nav {
  padding: 1em;
}
</style>

<style is:global>
html {
  --primary: aquamarine;
}

@keyframes nav-global-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
</style>

<nav class="nav">
<a href="/">Home</a>
</nav>
