<commit_before>
.navbar-container
{
  width: 100%;
  background-color: $navbarBGColor;
  vertical-align: middle;
  padding : 0px 15px;
  box-shadow: 0px 0px 2px 2px $navbarBoxShadow;
  position: fixed;
  z-index: 2;

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: $navbarColor;

  .navbar-logo{ vertical-align:middle}
  .navbar-logo-unit a{ color:$navbarColor;vertical-align:middle}

  .navbar-logo-unit{
    font-size: 24px;
    line-height:64px;

    a{
      cursor: pointer;
    }

    .navbar-mobile-bars{
      display: none;
      //background-color: yellow;
    }

  }

}


.nav-bar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 25px;
  vertical-align: bottom;
  list-style: none;

  .nav-item{
    //padding-left: 15px;
  }


}

@media only screen and (max-width: 1024px) {
  .navbar-container{
    .navbar-logo-unit {
      padding-left: 40px;
    }
  }

}
@media only screen and (max-width: 767px) {
  .navbar-container{
    flex-direction: column;
    //width: 92%;
    .navbar-logo-unit{
      padding-left: 40px;
      display: flex;
      justify-content: space-between;

      .navbar-mobile-bars{
        display: block;
        top: 10px;
        margin-right: 25px;
        position: relative;
      }

    }

  }


  .nav-bar{
    display: block;
    margin:0;
    padding: 0px;

    .nav-item{
      display: flex;
      flex-direction: column;
      padding: 0px;

      *{
        padding-bottom:10px;
      }
    }
  }


}
<commit_msg>Changes: Background Color Adjustment in case of mobile view.<commit_after>
.navbar-container
{
  width: 100%;
  background-color: $navbarBGColor;
  vertical-align: middle;
  padding : 0px 15px;
  box-shadow: 0px 0px 2px 2px $navbarBoxShadow;
  position: fixed;
  z-index: 2;

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: $navbarColor;

  .navbar-logo{ vertical-align:middle}
  .navbar-logo-unit a{ color:$navbarColor;vertical-align:middle}

  .navbar-logo-unit{
    font-size: 24px;
    line-height:64px;

    a{
      cursor: pointer;
    }

    .navbar-mobile-bars{
      display: none;
      //background-color: yellow;
    }

  }

}


.nav-bar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 25px;
  vertical-align: bottom;
  list-style: none;

  .nav-item{
    //padding-left: 15px;
  }


}

@media only screen and (max-width: 1024px) {
  .navbar-container{
    padding: 0px;
    .navbar-logo-unit {
      padding-left: 40px;
    }

  }

}
@media only screen and (max-width: 767px) {
  .navbar-container{
    flex-direction: column;
    padding: 0px;
    //width: 92%;
    .nav-bar{
      padding: 10px;
      background-color: lighten($navbarBGColor,20%);
    }

    .navbar-logo-unit{
      padding-left: 40px;
      display: flex;
      justify-content: space-between;

      .navbar-mobile-bars{
        display: block;
        top: 10px;
        margin-right: 25px;
        position: relative;
      }

    }

  }


  .nav-bar{
    display: block;
    margin:0;
    padding: 0px;

    .nav-item{
      display: flex;
      flex-direction: column;
      padding: 0px;

      *{
        padding-bottom:10px;
      }
    }
  }


}

{'fraction_non_alphanumeric': 0.1329639889196676, 'fraction_numerical': 0.02708525700215451, 'mean_word_length': 2.2019704433497536, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '520753', 'n_tokens_mistral': 1297, 'n_tokens_neox': 1152, 'n_words': 243}