footer {
  background: $bg30;
  color: $white-dark;
  margin-top: 100px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  &::after {
    background: $bg30;
    content: '';
    height: 10000px;
    overflow: hidden;
    position: fixed;
    width: 100vw;
  }
  .container {
    align-items: center;
    display: flex;
    height: 64px;
    .website-subnav {
      margin-left: auto;
      ul {
        display: flex;
        list-style-type: none;
        padding: 0;
        li {
          margin-left: 30px;
          a {
            border-bottom: 1px solid transparent;
            color: $white-dark;
            padding: 5px 0;
            transition: border .2s, color .2s;
            &:hover {
              border-bottom: 1px solid;
              color: $red;
              text-decoration: none;
            }
          }
        }
      }
    }
  }
}

@media (max-width: 600px) {
  footer {
    .container {
      max-width: none;
      .website-version {
        order: 2;
        padding: 10px 20px;
      }
      .website-subnav {
        li {
          padding: 4px 30px 4px 0;
        }
      }
    }
  }
}