@font-face {
  font-family: inter;
  src: url("./fonts/Inter-VariableFont_opsz\,wght.ttf");
}

body {
  font-family: inter, sans-serif;
}

a {
  color: inherit;
  text-decoration: inherit;
}

.nav-brand {
  display: flex;
  align-items: center;
  gap: 1rem;
  & > img {
    border-radius: 100vw;
  }

  & > span {
    font-weight: 900;
    font-size: larger;
  }
}

footer {
  padding-inline: 2rem;
  padding-block: 1rem;
}

nav.nav {
  display: flex;
  align-items: center;
  padding-inline: 2rem;
  padding-block: 1rem;
  max-height: 5vh;
  gap: 1rem;

  & .nav-seperator {
    flex-grow: 1;
  }
}