<commit_before>@blueTeal: lighten( desaturate( spin(@blue, 1.00), 63), 20); // #5094AC
//header style
#navbar {
  ul a {
    color: fade(@white, 55);
    &:hover {
      color: @white;
      background: fade(@white, 13);
    }
  }
  &.ruby   { background: @rubyColor;   }
  &.python { background: @pythonColor; }
  &.node   { background: @nodeColor;   }
}
.languages.page {
  @em: 18px;
  @pagesize: 940px;
  font-size: @em;
  line-height: ((4 / 3) * @em);
  color: @gray;
  h1, h2, h3, h4, h5, h6 {
    color: @grayDark;
    font-weight: normal;
    margin: 1em 0 @em;
    line-height: 1em;
  }
  h2 {
    font-size: 36px;
    text-align: center;
    padding-top: 30px;
  }
  h3 {
    font-size: 24px;
    padding-top: 20px;
  }
  h5 {
    font-size: @em;
  }
  p {
    margin: 0 0 @em;
  }
  a {
    transition: 400ms ease-in-out;
    &:hover {
      transition: 200ms ease-in-out;
    }
  }
  li {
    line-height: inherit; // BS RESET
  }
  .languages-head {
    .flexy(center, center, column);
    position: relative;
    padding-top: 2.5em;
    color: @white;
    //language specific styles
    &.Ruby {
      background: linear-gradient(to bottom, @rubyColor 0%, lighten(saturate(spin(@rubyColor, 1), 3), 8) 100%), @rubyColor;
    }
    &.Python {
      background: linear-gradient(to bottom, @pythonColor 0%, lighten(saturate(spin(@pythonColor, 1), 3), 8) 100%), @pythonColor;
    }
    &.Node {
      background: linear-gradient(to bottom, @nodeColor 0%, lighten(saturate(spin(@nodeColor, 1), 4), 32) 100%), @nodeColor;
    }

    h1 {
      font-size: 40px;
      text-align: center;
      margin: 1em 0;
      color: inherit;
      max-width: 940px;
    }
    .languages-screenshots {
      width: 700px;
      height: 400px;
      background-image: url('/img/outer/languages/build-screenshot.png');
      background-size: cover;
      border-radius: 5px 5px 0 0;
      box-shadow: 2px 13px 5px 3px rgba(0, 0, 0, 0.21);
    }
    .hero-shadow {
      position: absolute;
      width: 100%;
      height: 50px;
      bottom: 0;
      left: 0;
      background-image: radial-gradient(ellipse, fade(@black, 21) 0%, fade(@black, 0) 21%);
      background-repeat: no-repeat;
      background-size: 300% 50px;
      background-position: 50% 25px;
    }
  }
  .languages-body {
    position: relative;
    background: @white;
    max-width: @pagesize;
    margin: 0 auto;
    padding: 3em 0;
  }

  .languages-features {
    h3 {
      margin: 2em 0;
      display: inline;
      position: relative;
      font-size: 16px;
      color: @gray;
      line-height: 17px;
      letter-spacing: 5px;
      &:after {
        content: "";
        position: absolute;
        bottom: -10px;
        left: 10%;
        height: 2px;
        width: 80%;
        background: @grayLightest;
      }
    }
    .feature {
      margin: 4em 0;
      .flexy(center, space-between);
      .feature-copy {
        width: 75%;
        .feature-title {
          font-size: 26px;
          color: @grayDark;
          line-height: 32px;
        }
        .feature-description {
          color: @grayLight;
        }
      }
      .feature-image {
      }
    }
    .button {
      text-align: center;
      a {
        display: block;
        border-radius: 4px;
        background: @blue;
        font-weight: bold;
        font-size: 14px;
        color: @white;
        line-height: 17px;
        padding: 1em;
        margin: 0 auto;
        max-width: 15em;
        &:hover {
          background: @blueTeal;
        }
      }
    }
  }

  .languages-testimonials {
    background-image: -webkit-linear-gradient(-43deg, #D7E1E1 0%, #B9BEBF 100%);
    background-image: linear-gradient(-133deg, #D7E1E1 0%, #B9BEBF 100%);
    box-shadow:         inset 0px 1px 1px 0px rgba(0,0,0,0.14);
    padding: 5em 0;
    .languages-body {
      background: none;
    }<commit_msg>fix background testimonial section<commit_after>@blueTeal: lighten( desaturate( spin(@blue, 1.00), 63), 20); // #5094AC
//header style
#navbar {
  ul a {
    color: fade(@white, 55);
    &:hover {
      color: @white;
      background: fade(@white, 13);
    }
  }
  &.ruby   { background: @rubyColor;   }
  &.python { background: @pythonColor; }
  &.node   { background: @nodeColor;   }
}
.languages.page {
  @em: 18px;
  @pagesize: 940px;
  font-size: @em;
  line-height: ((4 / 3) * @em);
  color: @gray;
  h1, h2, h3, h4, h5, h6 {
    color: @grayDark;
    font-weight: normal;
    margin: 1em 0 @em;
    line-height: 1em;
  }
  h2 {
    font-size: 36px;
    text-align: center;
    padding-top: 30px;
  }
  h3 {
    font-size: 24px;
    padding-top: 20px;
  }
  h5 {
    font-size: @em;
  }
  p {
    margin: 0 0 @em;
  }
  a {
    transition: 400ms ease-in-out;
    &:hover {
      transition: 200ms ease-in-out;
    }
  }
  li {
    line-height: inherit; // BS RESET
  }
  .languages-head {
    .flexy(center, center, column);
    position: relative;
    padding-top: 2.5em;
    color: @white;
    //language specific styles
    &.Ruby {
      background: linear-gradient(to bottom, @rubyColor 0%, lighten(saturate(spin(@rubyColor, 1), 3), 8) 100%), @rubyColor;
    }
    &.Python {
      background: linear-gradient(to bottom, @pythonColor 0%, lighten(saturate(spin(@pythonColor, 1), 3), 8) 100%), @pythonColor;
    }
    &.Node {
      background: linear-gradient(to bottom, @nodeColor 0%, lighten(saturate(spin(@nodeColor, 1), 4), 32) 100%), @nodeColor;
    }

    h1 {
      font-size: 40px;
      text-align: center;
      margin: 1em 0;
      color: inherit;
      max-width: 940px;
    }
    .languages-screenshots {
      width: 700px;
      height: 400px;
      background-image: url('/img/outer/languages/build-screenshot.png');
      background-size: cover;
      border-radius: 5px 5px 0 0;
      box-shadow: 2px 13px 5px 3px rgba(0, 0, 0, 0.21);
    }
    .hero-shadow {
      position: absolute;
      width: 100%;
      height: 50px;
      bottom: 0;
      left: 0;
      background-image: radial-gradient(ellipse, fade(@black, 21) 0%, fade(@black, 0) 21%);
      background-repeat: no-repeat;
      background-size: 300% 50px;
      background-position: 50% 25px;
    }
  }
  .languages-body {
    position: relative;
    background: @white;
    max-width: @pagesize;
    margin: 0 auto;
    padding: 3em 0;
  }

  .languages-features {
    h3 {
      margin: 2em 0;
      display: inline;
      position: relative;
      font-size: 16px;
      color: @gray;
      line-height: 17px;
      letter-spacing: 5px;
      &:after {
        content: "";
        position: absolute;
        bottom: -10px;
        left: 10%;
        height: 2px;
        width: 80%;
        background: @grayLightest;
      }
    }
    .feature {
      margin: 4em 0;
      .flexy(center, space-between);
      .feature-copy {
        width: 75%;
        .feature-title {
          font-size: 26px;
          color: @grayDark;
          line-height: 32px;
        }
        .feature-description {
          color: @grayLight;
        }
      }
      .feature-image {
      }
    }
    .button {
      text-align: center;
      a {
        display: block;
        border-radius: 4px;
        background: @blue;
        font-weight: bold;
        font-size: 14px;
        color: @white;
        line-height: 17px;
        padding: 1em;
        margin: 0 auto;
        max-width: 15em;
        &:hover {
          background: @blueTeal;
        }
      }
    }
  }

  .languages-testimonials {
    background: @grayLightest;
    box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.14);
    padding: 5em 0;
    .languages-body {
      background: none;
    }
{'fraction_non_alphanumeric': 0.14270682625279496, 'fraction_numerical': 0.048007365513613044, 'mean_word_length': 1.9427244582043344, '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': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6868161', 'n_tokens_mistral': 3070, 'n_tokens_neox': 2706, 'n_words': 637}