nav{
  position: sticky;
  top: 1rem;
  background-color: var(--glass-bg);
  border: var(--glass-border), solid 1px;
  border-radius: 2000px;
  backdrop-filter: blur(5px);
  box-shadow: var(--glass-shadow);
  margin: auto;
  margin-bottom: 2rem;
  z-index: 999;
  width: fit-content;
}

nav ul{
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  padding: .25rem;
}

nav li{
  height: 3rem;
}

nav a{
  height: 100%;
  padding: 0 .8rem;
  color: var(--text);
  display: flex;
  align-items: center;
  transition: all 150ms;
}

nav a:hover{
  background-color: var(--nav-hover);
  border-radius: 2000px;
}

nav a:active{
  scale: 0.9;
}

#theme-toggle{
  height: 100%;
  padding: 0 .8rem;
  color: var(--text);
  display: flex;
  align-items: center;
  transition: all 150ms;
  background: none;
  border: none;
}

#theme-toggle img{
  width: 2rem;
  height: 2rem;
}

#theme-toggle:hover{
  animation: none;
  background: var(--nav-hover);
  box-shadow: none;
  scale: 1;
}

#theme-toggle:active{
  scale: 0.9;
}