<commit_before>#about-me-container {
  position:         relative;

  min-height:       500px;
  margin-top:       -50px;

  z-index:          0;

  height:           auto;
  width:            100%;

  background-color: white;
}

#about-me-container > #about-me-content-container {
  position:       relative;

  height:         auto;
  width:          auto;

  padding-bottom: 200px;

  margin-top:     50px;

}

#about-me-container > #about-me-content-container #introduction-container {
  text-align:    center;
  font-family:   "Segoe UI", sans-serif;

  margin-bottom: 40px;
}

#about-me-container > #about-me-content-container #introduction-container h1 {
  font-size:   39px;
  text-align:  center;
  font-family: "Segoe UI", sans-serif;
}

#personality-container {
  margin-top: 40px;
}

#personality-container p {
  margin:     0 0 15px;
  font-size:  25px;
  text-align: right;
}

#skills-container {
  margin-top: 20px;

  p {
    font-size:  25px;
    text-align: center;
  }

  .skill-tags-container {
    display:    block;
    margin-top: 15px;

    div {
      margin-bottom: 10px;

      span {
        display: inline-block;
      }
    }

  }
}

.skill-tag {
  font-size:          25px;
  padding:            5px 12.5px;

  margin:             0 5px;

  background-color:   rgba(0, 255, 192, 0.1875);

  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  box-sizing:         border-box;

  border-radius:      10px;

  vertical-align:     middle;
  text-align:         center;

  &:hover {
    background-color: rgba(0, 255, 192, 0.25);
  }
}

#about-me-container > #about-me-content-container img.pixelated-image {
  position: relative;

  height:   350px;
  width:    350px;

  overflow: hidden;
}

#about-me-container #education-container {
  background-color: rgba(0, 255, 192, 0.125);
  margin-bottom:    15px;
}

#about-me-container #education-container .education-courses,
#about-me-container #education-container .jobs-table {
  margin-bottom: 0;
}

#about-me-container table tr td {
  font-family: "Segoe UI", sans-serif;
  font-size:   24px;
<commit_msg>design of skill button<commit_after>#about-me-container {
  position:         relative;

  min-height:       500px;
  margin-top:       -50px;

  z-index:          0;

  height:           auto;
  width:            100%;

  background-color: white;
}

#about-me-container > #about-me-content-container {
  position:       relative;

  height:         auto;
  width:          auto;

  padding-bottom: 200px;

  margin-top:     50px;

}

#about-me-container > #about-me-content-container #introduction-container {
  text-align:    center;
  font-family:   "Segoe UI", sans-serif;

  margin-bottom: 40px;
}

#about-me-container > #about-me-content-container #introduction-container h1 {
  font-size:   39px;
  text-align:  center;
  font-family: "Segoe UI", sans-serif;
}

#personality-container {
  margin-top: 40px;
}

#personality-container p {
  margin:     0 0 15px;
  font-size:  25px;
  text-align: right;
}

#skills-container {
  margin-top: 20px;

  p {
    font-size:  25px;
    text-align: center;
  }

  .skill-tags-container {
    display:    block;
    margin-top: 15px;

    div {
      margin-bottom: 10px;

      span {
        display: inline-block;
      }
    }

  }
}

.skill-tag {
  font-size:          25px;
  padding:            5px 12.5px;

  margin:             0 5px;

  background-color:   rgba(0, 255, 192, 0.1875);

  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  box-sizing:         border-box;

  border-radius:      10px;

  vertical-align:     middle;
  text-align:         center;

  font-weight: 500;

  &:hover {
    background-color: rgba(0, 255, 192, 0.25);
  }
}

#about-me-container > #about-me-content-container img.pixelated-image {
  position: relative;

  height:   350px;
  width:    350px;

  overflow: hidden;
}

#about-me-container #education-container {
  background-color: rgba(0, 255, 192, 0.125);
  margin-bottom:    15px;
}

#about-me-container #education-container .education-courses,
#about-me-container #education-container .jobs-table {
  margin-bottom: 0;
}

#about-me-container table tr td {
  font-family: "Segoe UI", sans-serif;
  font-size:   24px;

{'fraction_non_alphanumeric': 0.1359338061465721, 'fraction_numerical': 0.042789598108747044, 'mean_word_length': 2.295171339563863, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 11, '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': '2142766', 'n_tokens_mistral': 1720, 'n_tokens_neox': 1519, 'n_words': 309}