footer {
  background: rgb(30, 30, 45);
  color: rgb(200, 200, 230);
  margin-top: 100px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  &::after {
    background: rgb(30, 30, 45);
    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;
        padding: 0;
      }
      li {
        list-style-type: none;
        padding: 4px 0 4px 30px;
      }
      a {
        color: rgb(200, 200, 230);
      }
    }
  }
}

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