@use "../variables.scss";
@use "../mixins.scss";

#header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;

  @include mixins.navbar_overflow {
    flex-direction: column;
  }

  #logo {
    margin-left: variables.$innerContainerMargin;
  }

  .navbar {
    display: flex;

    .nav-item {
      margin-right: variables.$innerContainerMargin;
      text-decoration: none;

      @include mixins.navbar_overflow {
        &:last-of-type {
          margin-right: 0;
        }
      }
    }
  }
}