@import url("constants.css");

.navigation-container {
  position: sticky;
  height: 1.5rem;
  top: 0;
  z-index: 1000;

  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 2rem;
  flex-wrap: nowrap;
  visibility: visible;

  background-color: var(--background-color-nav);
}

nav a {
  color: hsl(0 0 90%);
  text-decoration: none;
}

.selected {
  font-weight: 800;
}

@media (width <= 30rem) {
  .navigation-container {
    height: 7rem;
    flex-direction: column;
    gap: 0.2rem;
    padding-bottom: 0.5rem;
  }
}