.navbar{
  position: fixed;
  top: 0;

  width: 100%;

  backdrop-filter: blur(12px);
  background: rgba(var(--background), 0.8);

  border-bottom: 1px solid rgba(var(--border), 0.5);
  z-index: 50;
}

.logo-as{
    display: inline-block;
    width: 10%;
}
.logo-as > img{
    max-width: 25%;

    margin: 2rem;
}

.container-menu{
    display: flex;
    align-items: center;
    justify-content: space-between;

    max-width: 100%;
    height: 4rem;

    margin: .875rem 0;

    padding: 0 2rem;
}
.nav-links{
    display: flex;
    gap: 2rem;
    align-items: center;
}
.nav-links > a {
  font-family: var(--font-body);

  color: var(--muted-foreground);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1.25rem;

  text-decoration: none;
}
.nav-links > a:hover {
  color: var(--ring);
}