<commit_before>body {
  font-size: 18px;
  background-color: #FAFFFA;
}

ul {
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}


/****************************** Top Bar ******************************/
.top-bar-item {
  display: inline-block;
  padding-right: 2em;
}

.profile-link {
  position: absolute;
  right: 0;
  top: 1em;
}

.top-bar {
  padding: 2em 0 1em 0;
}

.top-bar-container {

}

#logo {
  font-size: 2em;
}

/****************************** Person Component (Match, Connection, ConnectionRequest) ******************************/


.person {
  margin: 2em 2em 2em 0;
  position: relative;
}

.profile-picture-container {
  display: inline-block;
  height: 6em;
  width: 6em;
  overflow: scroll;
  border-radius: 50%;
  margin-right: 1.5em;
}

.profile-picture {
  object-fit: cover;
  min-width: 6em;
  min-height: 6em;
}

.text-container {
  vertical-align: top;
  padding-top: .8em;
  position: absolute;
  left: 8em;
  display: inline-block;
}

.button-container {
  position: absolute;
  right: 0;
  bottom: 0;
}

.action {
  display: inline-block;
  text-align: center;
  color: white;
  padding: 0.5em;
  background-color: #771333;
  border-radius: 3px;
  margin: 0.5em 1em 0 0;
}

.languages {
  display: inline-block;
}

/****************************** Language Component ******************************/

.language {
  display: inline-block;
  background-color: #F3F3F3;
  padding: .1em .3em;
  border: .1em #cccccc solid;
  border-radius: .2em;
}

/****************************** Profile Tab ******************************/


.profile {
  margin-top: 2em;
}

.profile-header {
  display: inline-block;
  vertical-align: top;
  margin-right: 3em;
}

.profile-detail {
  display: inline-block;
  vertical-align: top;
  min-width: 300px;
}

.profile-name {
  font-size: 1.5em;
  margin-top: 1em;
}

.profile-title {
  margin-bottom: .2em;
}

.profile-section {
  margin: 1em 0;
}

.own-profile-picture {
  object-fit: cover;
  min-width: 8em;
  min-height: 8em;
}

.own-profile-picture-container {
  height: 8em;
  width: 8em;
  overflow: scroll;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
}

.language-selection {
  width: 50%;
  padding: .5em;
  border: 2px #cccccc solid;
  border-radius: .5em;
}

.level-selection {
  width: 35%;
  padding: .5em;
  border: .1em #cccccc solid;
  border-radius: .5em;
}

.language-label {
  display: inline-block;
  width: 50%;
}

.level-label {
  display: inline-block;
  width: 35%;
}

.x {
  background-color: #F3F3F3;
  padding: .1em .3em;
  border: .1em #cccccc solid;
  border-radius: .2em;
  vertical-align: text-bottom;
}

.need-update {
  background-color: red;
}

.description {
  max-width: 300px;
  text-overflow: wrap;
}

@media handheld, only screen and (max-width: 767px) {
  /****************************** Person Component (Match, Connection, ConnectionRequest) ******************************/
  .button-container {
    position: absolute;
    left: 0;
    bottom: -3em;
  }

  .person {
    margin-bottom: 5em;
  }
<commit_msg>Add basic styling for description<commit_after>body {
  font-size: 18px;
  background-color: #FAFFFA;
}

ul {
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}


/****************************** Top Bar ******************************/
.top-bar-item {
  display: inline-block;
  padding-right: 2em;
}

.profile-link {
  position: absolute;
  right: 0;
  top: 1em;
}

.top-bar {
  padding: 2em 0 1em 0;
}

.top-bar-container {

}

#logo {
  font-size: 2em;
}

/****************************** Person Component (Match, Connection, ConnectionRequest) ******************************/


.person {
  margin: 2em 2em 2em 0;
  position: relative;
}

.profile-picture-container {
  display: inline-block;
  height: 6em;
  width: 6em;
  overflow: scroll;
  border-radius: 50%;
  margin-right: 1.5em;
}

.profile-picture {
  object-fit: cover;
  min-width: 6em;
  min-height: 6em;
}

.text-container {
  vertical-align: top;
  padding-top: .8em;
  position: absolute;
  left: 8em;
  display: inline-block;
}

.button-container {
  position: absolute;
  right: 0;
  bottom: 0;
}

.action {
  display: inline-block;
  text-align: center;
  color: white;
  padding: 0.5em;
  background-color: #771333;
  border-radius: 3px;
  margin: 0.5em 1em 0 0;
}

.languages {
  display: inline-block;
}

/****************************** Language Component ******************************/

.language {
  display: inline-block;
  background-color: #F3F3F3;
  padding: .1em .3em;
  border: .1em #cccccc solid;
  border-radius: .2em;
}

/****************************** Profile Tab ******************************/


.profile {
  margin-top: 2em;
}

.profile-header {
  display: inline-block;
  vertical-align: top;
  margin-right: 3em;
}

.profile-detail {
  display: inline-block;
  vertical-align: top;
  min-width: 300px;
}

.profile-name {
  font-size: 1.5em;
  margin-top: 1em;
}

.profile-title {
  margin-bottom: .2em;
}

.profile-section {
  margin: 1em 0;
}

.own-profile-picture {
  object-fit: cover;
  min-width: 8em;
  min-height: 8em;
}

.own-profile-picture-container {
  height: 8em;
  width: 8em;
  overflow: scroll;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
}

.language-selection {
  width: 50%;
  padding: .5em;
  border: 2px #cccccc solid;
  border-radius: .5em;
}

.level-selection {
  width: 35%;
  padding: .5em;
  border: .1em #cccccc solid;
  border-radius: .5em;
}

.language-label {
  display: inline-block;
  width: 50%;
}

.level-label {
  display: inline-block;
  width: 35%;
}

.x {
  background-color: #F3F3F3;
  padding: .1em .3em;
  border: .1em #cccccc solid;
  border-radius: .2em;
  vertical-align: text-bottom;
}

.need-update {
  background-color: red;
}

.description {
  max-width: 300px;
  text-overflow: wrap;
  border: .1em #cccccc solid;
}

@media handheld, only screen and (max-width: 767px) {
  /****************************** Person Component (Match, Connection, ConnectionRequest) ******************************/
  .button-container {
    position: absolute;
    left: 0;
    bottom: -3em;
  }

  .person {
    margin-bottom: 5em;
  }

{'fraction_non_alphanumeric': 0.23161290322580644, 'fraction_numerical': 0.031451612903225803, 'mean_word_length': 3.3363636363636364, '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': '611386', 'n_tokens_mistral': 2450, 'n_tokens_neox': 2302, 'n_words': 522}