<commit_before>.landing-section {
  padding: 20px 0 70px;

  .section-header {
    padding: 30px 0;
    text-align: center;
  }

  .section-rant {
    font-weight: 300;
    font-size: $font-size-h2;
    line-height: 1.25;
    padding: 40px 0;

    strong {
      font-weight: 600;
      color: $headings-color;
    }
  }

  &:nth-child(2n) {
    background-color: $body-bg-lighter;
  }
}

#landing-about {
  .about-icon-block {
    width: 100%;
    height: 180px;
  }

  .about-text-block {
    margin-bottom: 40px;
  }

  .about-text-blocks {
    > div:nth-child(1) .about-icon-block {
      @include number-label(white) { content: '1'}
      background-color: $green;
    }

    > div:nth-child(2) .about-icon-block {
      @include number-label(white) { content: '2'}
      background-color: $red;
    }

    > div:nth-child(3) .about-icon-block {
      @include number-label(white) { content: '3'}
      background-color: $blue;
    }
  }

  h4 {<commit_msg>Update About section for mobile.<commit_after>.landing-section {
  padding: 20px 0 70px;

  .section-header {
    padding: 30px 0;
    text-align: center;
  }

  .section-rant {
    font-weight: 300;
    font-size: $font-size-h2;
    line-height: 1.25;
    padding: 40px 0;
    text-align: center;

    strong {
      font-weight: 600;
      color: $headings-color;
    }

    @media (min-width: $screen-sm-min) {
      text-align: left;
    }
  }

  &:nth-child(2n) {
    background-color: $body-bg-lighter;
  }
}

#landing-about {
  .about-icon-block {
    width: 100%;
    height: 180px;
  }

  .about-text-block {
    margin: 0 auto 40px;
    max-width: $screen-sm-min * 0.5;
    @media (min-width: $screen-sm-min) {
      margin: 0 0 40px 0;
    }
  }

  .about-text-blocks {
    > div:nth-child(1) .about-icon-block {
      @include number-label(white) { content: '1'}
      background-color: $green;
    }

    > div:nth-child(2) .about-icon-block {
      @include number-label(white) { content: '2'}
      background-color: $red;
    }

    > div:nth-child(3) .about-icon-block {
      @include number-label(white) { content: '3'}
      background-color: $blue;
    }
  }

  h4 {
{'fraction_non_alphanumeric': 0.1610051186598418, 'fraction_numerical': 0.03815728245695672, 'mean_word_length': 2.1757754800590843, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 9, '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': '348669', 'n_tokens_mistral': 904, 'n_tokens_neox': 823, 'n_words': 152}