<commit_before>.memories-in-memory,
.js-slideout-toggle
  color: #3d3d3b

nav.menu
  background: #1d1f20

  ul
    padding-left: 0

  li, a
    line-height: 1
    display: block
    color: white

  li
    list-style-type: none
    text-align: left
    color: #1b1b1b
    border-style: solid
    border-width: 0 0 1px 0
    margin-left: 25px
    margin-right: 20px

    &:active
      border-color: white

  a
    padding: 15px 0 15px 0
    text-decoration: none
    font-weight: 100
    font-size: 14px
    color: #e6e6e6

    &:active
      color: white
      font-weight: 400

.js-slideout-toggle
  font-size: 1.5em
  padding-right: 15px

.memories-in-memory
  background: #cccccc
  color: #3d3d3b

  .section
    color: #3d3d3b

    display: flex
    justify-content: center
    align-items: center

    padding-top: 50px
    padding-top: 50px
    min-height: 75vh

    background: url('/assets/img/mim/wall-bg.jpg') #b7bcc2 no-repeat
    background-repeat: no-repeat
    background-size: cover
    background-position: center 0

    @media screen and (min-width: 768px)
      min-height: 100vh

    // @media screen and (min-width: 481px)
    //   height: 100vh

    img
      max-width: 280px
      height: auto

      @media screen and (min-width: 768px)
        max-width: 360px

    .headings
      font-size: 30px
      font-weight: 600
      margin: 20px 0 15px 0

    .buttons
      margin: 0 auto
      margin-bottom: 30px
      max-width: 480px
      display: flex
      flex-flow: column wrap
      align-items: center

      @media screen and (min-width: 768px)
        flex-flow: row wrap
        justify-content: space-around
      // make button wrap next row when it change heights

      .button-wrapper
        width: 180px
        padding: 5px 0

        // overriding bootstrap
        .btn-group.open
          transition: all .1s ease-in-out

        // overriding bootstrap
        .btn-group.open .dropdown-toggle
          background: #edebde
          border-color: #edebde
          color: #3d3d3b

          box-shadow: none

        // overriding bootstrap
        .btn-group
          width: 100%

          // overriding bootstrap
          .dropdown-menu
            border-radius: 0
            background: #edebde
            color: #3d3d3b
            min-width: 180px

            transition: all .1s ease-in-out

        .btn
          width: 100%
          background: transparent
          border-color: #000000

          padding: 15px 0

          transition: all .1s ease-in-out

          &:hover
            background: #edebde
            border-color: #edebde
            color: #3d3d3b

        .btn-default
          &:focus
            color: #3d3d3b

    &.title
      h1
        font-size: 30px
        font-weight: 600

      p
        line-height: 1.2
        margin-top: 0
        margin-bottom: 15px

      img
        max-width: 240px
        height: auto

        @media screen and (min-width: 768px)
          font-size: initial
          max-width: 420px

    &.ending
      .credit-personal-wrapper
        margin: 30px 0
        line-height: 1
<commit_msg>force song-wrapper to have maximum expandable width and horizontally center<commit_after>.memories-in-memory,
.js-slideout-toggle
  color: #3d3d3b

nav.menu
  background: #1d1f20

  ul
    padding-left: 0

  li, a
    line-height: 1
    display: block
    color: white

  li
    list-style-type: none
    text-align: left
    color: #1b1b1b
    border-style: solid
    border-width: 0 0 1px 0
    margin-left: 25px
    margin-right: 20px

    &:active
      border-color: white

  a
    padding: 15px 0 15px 0
    text-decoration: none
    font-weight: 100
    font-size: 14px
    color: #e6e6e6

    &:active
      color: white
      font-weight: 400

.js-slideout-toggle
  font-size: 1.5em
  padding-right: 15px

.memories-in-memory
  background: #cccccc
  color: #3d3d3b

  .section
    color: #3d3d3b

    display: flex
    justify-content: center
    align-items: center

    padding-top: 50px
    padding-top: 50px
    min-height: 75vh

    background: url('/assets/img/mim/wall-bg.jpg') #b7bcc2 no-repeat
    background-repeat: no-repeat
    background-size: cover
    background-position: center 0

    @media screen and (min-width: 768px)
      min-height: 100vh

    // @media screen and (min-width: 481px)
    //   height: 100vh

    img
      max-width: 280px
      height: auto

      @media screen and (min-width: 768px)
        max-width: 360px

    .headings
      font-size: 30px
      font-weight: 600
      margin: 20px 0 15px 0

    .buttons
      margin: 0 auto
      margin-bottom: 30px
      max-width: 480px
      display: flex
      flex-flow: column wrap
      align-items: center

      @media screen and (min-width: 768px)
        flex-flow: row wrap
        justify-content: space-around
      // make button wrap next row when it change heights

      .button-wrapper
        width: 180px
        padding: 5px 0

        // overriding bootstrap
        .btn-group.open
          transition: all .1s ease-in-out

        // overriding bootstrap
        .btn-group.open .dropdown-toggle
          background: #edebde
          border-color: #edebde
          color: #3d3d3b

          box-shadow: none

        // overriding bootstrap
        .btn-group
          width: 100%

          // overriding bootstrap
          .dropdown-menu
            border-radius: 0
            background: #edebde
            color: #3d3d3b
            min-width: 180px

            transition: all .1s ease-in-out

        .btn
          width: 100%
          background: transparent
          border-color: #000000

          padding: 15px 0

          transition: all .1s ease-in-out

          &:hover
            background: #edebde
            border-color: #edebde
            color: #3d3d3b

        .btn-default
          &:focus
            color: #3d3d3b

    &.title
      h1
        font-size: 30px
        font-weight: 600

      p
        line-height: 1.2
        margin-top: 0
        margin-bottom: 15px

      img
        max-width: 240px
        height: auto

        @media screen and (min-width: 768px)
          font-size: initial
          max-width: 420px

    &.track
      .content
        // change view on desktop size
        // display: flex
        .song-wrapper
          max-width: 420px
          margin: 0 auto

          .bandcamp-iframe-wrapper
            position: relative

    &.ending
      .credit-personal-wrapper
        margin: 30px 0
        line-height: 1

{'fraction_non_alphanumeric': 0.08569242540168324, 'fraction_numerical': 0.04957918898240245, 'mean_word_length': 1.5701926858041684, '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': '7372572', 'n_tokens_mistral': 2390, 'n_tokens_neox': 2037, 'n_words': 563}