website/assets/partials/_nav.scss

nav {
  background: rgb(60, 60, 90);
  white-space: nowrap;
  overflow-x: auto;
  .container {
    display: flex;
    align-items: center;
    .website-name {
       a {
        color: rgb(245, 245, 245);
        text-decoration: none;
        background: rgb(255, 130, 130);
        padding: 5px 10px;
        border-radius: 20px;
        text-shadow: rgb(255, 100, 100) 2px 2px;
      }
    }
    .website-nav {
      margin-left: auto;
      ul {
        display: flex;
        padding: 0;
      }
      li {
        list-style-type: none;
        padding: 10px 0 10px 30px;
      }
      a {
        color: rgb(245, 245, 245);
        text-decoration: none;
      }
    }
  }
}
@media (max-width: 600px) {
  nav {
    .container {
      max-width: none;
      .website-nav {
        padding: 0 20px;
      }
    }
  }
}