.nav {
  display: flex;
  justify-content: center;
  align-items: center;

  padding: 10px 0;
  width: 100%;

  position: sticky;
  top: 0;

  background-color: var(--lightest-accent-color);

  ol {
    display: flex;
    justify-content: flex-start;

    width: 80%;
    list-style-type: none;
  }

  &__item {
    margin: 0px 10px;

    & a {
      @extend .button;

      font-size: 0.9em !important;
      font-weight: 600;
    }
  }

  &__item:last-child {
    margin: 0 10px 0 auto;

    border-right: 2px solid var(--lighter-accent-color);
  }
}
