<commit_before>body, html
  &.consulting-page
    font-size: 16px

    +breakpoint($breakpoint-max-xs)
      font-size: 14px

    +breakpoint($breakpoint-lg)
      font-size: 18px


.consulting-header
  background-image: url('../images/people.jpg')
  background-size: cover
  padding: 0

  h1
    font-size: 2.5rem
    line-height: 1.5
    margin: 0
    font-weight: lighter

  nav
    @extend %theme-dark
    padding: 3rem 10%

  > main
    padding: 3rem 10%

#the-program,
#section-why,
#consultants,
#section-how,
#section-invited,
#section-contents
  padding: 3rem 20%

  +breakpoint($breakpoint-max-sm)
    padding: 3rem 10%

  h2
    margin: 2em 0

#the-program
  @extend %theme-light

  h2
    text-align: center

  ul
    list-style: none
    display: inline-block
    display: flex
    flex-wrap: wrap
    padding: 0

    li
      display: flex
      align-items: center

      &::before
        content: ''
        width: 1rem
        height: 1rem
        background-image: url('../images/shape.png')
        background-position: center
        background-repeat: no-repeat
        display: block
        margin: 1rem

    span
      display: flex
      margin: 1rem .5rem
      border: 1px solid
      width: calc(50% - 1rem)
      box-sizing: border-box
      padding: 1rem 2rem 1rem 0
      box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06)
      border: solid 1px rgba(151, 151, 151, 0.16)
      border-radius: 2px

#consultants, #section-invited
  @extend %theme-light
  h2
    text-align: center

  h3
    font-size: 1rem

  p
    width: 60%
    margin: 0 auto

    +breakpoint($breakpoint-max-xs)
      width: 100%

  ul
    list-style: none
    text-align: center
    padding: 0

  li
    display: inline-block
    padding: 1rem

  .wrapper
    display: flex

  .info
    text-align: left
    padding-left: 1rem

  span
    font-size: .8rem

#section-why
  @extend %theme-dark

  ol
    counter-reset: item
    list-style: none
    text-align: center
    width: 50%
    margin: 3rem auto

  li::before
    color: $color-jaguar
    background-color: white
    width: 2rem
    height: 2rem
    border-radius: 50%
    font-weight: bold
    content: counter(item)
    counter-increment: item
    display: flex
    justify-content: center
    align-items: center
    margin: 2rem auto 1rem auto

#section-how
  @extend %theme-light
  h2, > p, legend, h3
    text-align: center

  > p
    width: 50%
    margin: 0 auto

  legend, h3
    text-transform: uppercase
    width: 100%

  h3
    margin: 0

  ul
    list-style: none
    padding: 0
    display: flex

    +breakpoint($breakpoint-max-xs)
      flex-direction: column

  li
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06)
    border: solid 1px rgba(151, 151, 151, 0.16)
    border-radius: 2px
    margin: .5rem
    padding: 1rem

  .picture-link-wrapper
    text-align: center

  a
    display: inline-block
    position: relative
    margin: 3rem

  img
    width: 250px
    display: block
<commit_msg>Updated styles for mobile devices.<commit_after>body, html
  &.consulting-page
    font-size: 16px

    +breakpoint($breakpoint-max-xs)
      font-size: 14px

    +breakpoint($breakpoint-lg)
      font-size: 18px


.consulting-header
  background-image: url('../images/people.jpg')
  background-size: cover
  background-position: bottom
  padding: 0

  h1
    font-size: 2.5rem
    line-height: 1.5
    margin: 0
    font-weight: lighter

  nav
    @extend %theme-dark
    padding: 3rem 10%

  > main
    padding: 3rem 10%

#the-program,
#section-why,
#consultants,
#section-how,
#section-invited,
#section-contents
  padding: 3rem 20%

  +breakpoint($breakpoint-max-sm)
    padding: 3rem 10%

  h2
    margin: 2em 0

#the-program
  @extend %theme-light

  h2
    text-align: center

  ul
    list-style: none
    display: inline-block
    display: flex
    flex-wrap: wrap
    padding: 0

    li
      display: flex
      align-items: center

      &::before
        content: ''
        width: 1rem
        height: 1rem
        background-image: url('../images/shape.png')
        background-position: center
        background-repeat: no-repeat
        display: block
        margin: 1rem

    span
      display: flex
      margin: 1rem .5rem
      border: 1px solid
      width: calc(50% - 1rem)
      box-sizing: border-box
      padding: 1rem 2rem 1rem 0
      box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06)
      border: solid 1px rgba(151, 151, 151, 0.16)
      border-radius: 2px

      +breakpoint($breakpoint-max-xs)
        width: 100%

#consultants, #section-invited
  @extend %theme-light

  h2
    text-align: center

    +breakpoint($breakpoint-max-xs)
      margin-top: 0

  h3
    font-size: 1rem

  p
    width: 60%
    margin: 0 auto

    +breakpoint($breakpoint-max-xs)
      width: 100%

  ul
    list-style: none
    text-align: center
    padding: 0

  li
    display: inline-block
    padding: 1rem

  .wrapper
    display: flex

  .info
    text-align: left
    padding-left: 1rem

  span
    font-size: .8rem

#section-why
  @extend %theme-dark

  ol
    counter-reset: item
    list-style: none
    text-align: center
    width: 50%
    margin: 3rem auto

    +breakpoint($breakpoint-max-xs)
      width: 80%

  li::before
    color: $color-jaguar
    background-color: white
    width: 2rem
    height: 2rem
    border-radius: 50%
    font-weight: bold
    content: counter(item)
    counter-increment: item
    display: flex
    justify-content: center
    align-items: center
    margin: 2rem auto 1rem auto

#section-how
  @extend %theme-light
  h2, > p, legend, h3
    text-align: center

  > p
    width: 50%
    margin: 0 auto

    +breakpoint($breakpoint-max-xs)
      width: 80%

  legend, h3
    text-transform: uppercase
    width: 100%

  h3
    margin: 0

  ul
    list-style: none
    padding: 0
    display: flex

    +breakpoint($breakpoint-max-xs)
      flex-direction: column

  li
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06)
    border: solid 1px rgba(151, 151, 151, 0.16)
    border-radius: 2px
    margin: .5rem
    padding: 1rem

  .picture-link-wrapper
    text-align: center

  a
    display: inline-block
    position: relative
    margin: 3rem 0

  img
    width: 250px
    display: block

{'fraction_non_alphanumeric': 0.10264260393167902, 'fraction_numerical': 0.04431195617144699, 'mean_word_length': 2.1443768996960486, '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': '237259', 'n_tokens_mistral': 2456, 'n_tokens_neox': 2143, 'n_words': 591}