.nav {
  display: flex;
  background-color: #2eb9ff;
  border-bottom: 4px solid #00aaff;

  .inner {
    display: flex;
    max-width: 1080px;
    width: 100%;
    margin: 0 auto;
    ul {
      list-style: none;
      display: flex;
      flex-direction: row;
      padding: 0;
      margin: 0;

      &.alignRight {
        margin-left: auto;
      }

      li {
        display: flex;

        &.active {
          font-weight: bold;
        }

        a {
          padding: 1rem;
        }
      }
    }
  }
}