<commit_before>.timeline {
  margin-top: 1em;
  @include opacity(0);

  @media all and (min-width: $desktop-screen) {
    margin-top: 2em;
  }

  &__wrapper {}
  &__bigTitle {
    text-align: center;
    margin-top: 1em;
    font-size: 2em;
    font-weight: 500;
    color: $primaryColor;
    @media all and (min-width: $desktop-screen) {
      margin-top: 1em;
      font-size: 3em;
    }
  }

  &__smallTitle {
    color: #000;
    display: block;
    font-size: 2em;
    margin-top: 1em;
    font-weight: 500;
    text-align: center;

    @media all and (min-width: $desktop-screen) {
      margin-top: 2em;
      margin-bottom: 2em;
      font-size: 1.5em;
    }
  }

  &__badge {
    margin: 0;
    width: 100%;
    display: block;
    padding: 1.5em 0;
    margin-top: -0.5em;
    text-align: center;

    @media all and (min-width: $desktop-screen) {
      padding: 0;
      margin-top: 0;
    }

    &__title {
      border: 0;
      padding: 0.5em 0;
      margin: 0 auto;
      color: #4F4F4F; // color: $primaryColor;
      display: inline-block;
      border: 0;

      @include border-radius(5px);
      @media all and (min-width: $desktop-screen) {
        font-size: 1.4em;
      }
    }
  }

  &__entries {
    @include flexbox();
    @include flexbox_wrap(nowrap);
    @include flexbox_direction(column);
    @include transition(300ms);

    @media all and (min-width: $desktop-screen) {}

    &__displayed {
      @include opacity(1 !important);
    }
  }
}

.timeline__item {
  @include flexbox();
  @include flexbox_wrap(nowrap);
  @include flexbox_direction(column);

  @media all and (min-width: $desktop-screen) {
    &:nth-child(1) {
      &:before {
        height: 30px;
      }
    }

    &:before {
      content: '';
      width: 0;
      height: 20px;
      border-left: 2px dotted #d0d0d0;
      margin: 0 auto;
    }

    border: 0;
    padding-left: 0;
    margin-left: 0;
  }

  &__wrapper {
    padding: 0.7em;
    margin-top: 0.5em;
    background: #fff;
    border: 1px solid #E8E8E8;

    @include border-radius(5px);
    @include box-shadow(0px 0px 10px 0 rgba(0,0,0,0.05));

    @media all and (min-width: $desktop-screen) {
      width: 550px;
      margin: 0 auto;
      padding: 1.5em;
      max-width: 550px;
    }
  }

  &__header {
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;

    @include flexbox_flex(1, 1, auto);
    @include flexbox_alignSelf(stretch);

    @media all and (min-width: $desktop-screen) {
      margin-bottom: 1.5em;
      padding-bottom: 1.5em;
    }

    &__wrapper {
      @include flexbox();
      @include flexbox_wrap(nowrap);
      @include flexbox_direction(row);
    }

    &__logo {
      width: 60px;
      margin-right: 0.7em;

      @include flexbox_flex(0, 0, auto);
      @include flexbox_alignSelf(stretch);

      @media all and (min-width: $desktop-screen) {
        width: 80px;
        margin-right: 1.5em;
      }

      img {
        width: 100%;
        @include border-radius(5px);
      }
    }

    &__metadata {
      @include flexbox_flex(1, 1, auto);
      @include flexbox_alignSelf(center);
    }

    &__position {
      margin: 0;
      font-size: 1em;
      font-weight: 600;
      margin-bottom: 0.2em;

      @media all and (min-width: $desktop-screen) {
       font-size: 1.2em;
      }
    }

    &__company {
      margin: 0;
      font-size: 1em;
      font-weight: 300;
      margin-bottom: 0.2em;
    }

    &__date {
      margin: 0;
      font-size: 0.8em;
      font-weight: 300;
      color: rgba(0, 0, 0, .7);
    }
  }

  &__body {
    @include flexbox_flex(1, 1, auto);
    @include flexbox_alignSelf(stretch);

    p {
      font-size: 1rem;
      line-height: 1.5rem;
      color: rgba(0, 0, 0, 1);
    }

    a {}
  }

  &__oneline {
    margin-bottom: 0.1em;
    color: rgba(0, 0, 0, 0.8);

    &:nth-last-child(1) {
      margin-bottom: 0;
    }
  }

  &__bullets {
    margin: 0;<commit_msg>Improved timeline cards header and centering avatar<commit_after>.timeline {
  margin-top: 1em;
  @include opacity(0);

  @media all and (min-width: $desktop-screen) {
    margin-top: 2em;
  }

  &__wrapper {}
  &__bigTitle {
    text-align: center;
    margin-top: 1em;
    font-size: 2em;
    font-weight: 500;
    color: $primaryColor;
    @media all and (min-width: $desktop-screen) {
      margin-top: 1em;
      font-size: 3em;
    }
  }

  &__smallTitle {
    color: #000;
    display: block;
    font-size: 2em;
    margin-top: 1em;
    font-weight: 500;
    text-align: center;

    @media all and (min-width: $desktop-screen) {
      margin-top: 2em;
      margin-bottom: 2em;
      font-size: 1.5em;
    }
  }

  &__badge {
    margin: 0;
    width: 100%;
    display: block;
    padding: 1.5em 0;
    margin-top: -0.5em;
    text-align: center;

    @media all and (min-width: $desktop-screen) {
      padding: 0;
      margin-top: 0;
    }

    &__title {
      border: 0;
      padding: 0.5em 0;
      padding-bottom: 0;
      margin: 0 auto;
      color: #4F4F4F; // color: $primaryColor;
      display: inline-block;
      font-size: 1.4em;
      border: 0;

      @include border-radius(5px);
      @media all and (min-width: $desktop-screen) {
        font-size: 1.4em;
        padding: 0.5em 0;
      }
    }
  }

  &__entries {
    @include flexbox();
    @include flexbox_wrap(nowrap);
    @include flexbox_direction(column);
    @include transition(300ms);

    @media all and (min-width: $desktop-screen) {}

    &__displayed {
      @include opacity(1 !important);
    }
  }
}

.timeline__item {
  @include flexbox();
  @include flexbox_wrap(nowrap);
  @include flexbox_direction(column);

  @media all and (min-width: $desktop-screen) {
    &:nth-child(1) {
      &:before {
        height: 30px;
      }
    }

    &:before {
      content: '';
      width: 0;
      height: 20px;
      border-left: 2px dotted #d0d0d0;
      margin: 0 auto;
    }

    border: 0;
    padding-left: 0;
    margin-left: 0;
  }

  &__wrapper {
    padding: 1em;
    margin-top: 1em;
    background: #fff;
    border: 1px solid #E8E8E8;

    @include border-radius(5px);
    @include box-shadow(0px 0px 10px 0 rgba(0,0,0,0.05));

    @media all and (min-width: $desktop-screen) {
      width: 550px;
      margin: 0 auto;
      padding: 1.5em;
      max-width: 550px;
    }
  }

  &__header {
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;

    @include flexbox_flex(1, 1, auto);
    @include flexbox_alignSelf(stretch);

    @media all and (min-width: $desktop-screen) {
      margin-bottom: 1.5em;
      padding-bottom: 1.5em;
    }

    &__wrapper {
      @include flexbox();
      @include flexbox_wrap(nowrap);
      @include flexbox_direction(row);
    }

    &__logo {
      width: 60px;
      margin-right: 0.7em;

      @include flexbox_flex(0, 0, auto);
      @include flexbox_alignSelf(stretch);

      @media all and (min-width: $desktop-screen) {
        width: 80px;
        margin-right: 1.5em;
      }

      img {
        top: 50%;
        width: 100%;
        position: relative;

        @include border-radius(5px);
        @include translate(0, -50%);
      }
    }

    &__metadata {
      @include flexbox_flex(1, 1, auto);
      @include flexbox_alignSelf(center);
    }

    &__position {
      margin: 0;
      font-size: 1em;
      font-weight: 600;
      margin-bottom: 0.2em;

      @media all and (min-width: $desktop-screen) {
       font-size: 1.2em;
      }
    }

    &__company {
      margin: 0;
      font-size: 1em;
      font-weight: 400;
      margin-bottom: 0.4em;

      color: rgba(0, 0, 0, 0.7);
    }

    &__date {
      margin: 0;
      font-size: 0.9em;
      font-weight: 300;
      color: rgba(0, 0, 0, .7);
    }
  }

  &__body {
    @include flexbox_flex(1, 1, auto);
    @include flexbox_alignSelf(stretch);

    p {
      font-size: 1rem;
      line-height: 1.5rem;
      color: rgba(0, 0, 0, 1);
    }

    a {}
  }

  &__oneline {
    margin-bottom: 0.1em;
    color: rgba(0, 0, 0, 0.8);

    &:nth-last-child(1) {
      margin-bottom: 0;
    }
  }

  &__bullets {
    margin: 0;
{'fraction_non_alphanumeric': 0.14171681198575464, 'fraction_numerical': 0.04273609234925703, 'mean_word_length': 1.9963208241353936, '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': '6026895', 'n_tokens_mistral': 3387, 'n_tokens_neox': 3035, 'n_words': 672}