<commit_before>header {
  height: 100%;
  position: fixed;
  width: 50%;
  top: 0;
  left: 50%;
  text-align: center;

  transition: all 0.2s ease;

  div {
    width: 90%;
    height: 4em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -80%);
  }

  a { margin: 0 .2em; }

  .break-desktop { display: block; }
  .break-tablet { display: none; }

  @media screen and (max-width: 75em) {
    width: 40%;
    left: 60%;

    .break-desktop { display: none; }
    .break-tablet { display: block; }
  }

  @media screen and (max-width: 50em) {
    width: 100%;
    height: 20em;
    left: 0;
    top: 0;
    position: absolute;
  }
}

section {
  height: 100%;
  width: 50%;
  background: #fdfdff;
  left: 0;
  top: 0;
  padding: 4em;
  position: relative;

  transition: all 0.2s ease;

  @media screen and (max-width: 75em) {
    width: 60%;
  }

  @media screen and (max-width: 50em) {
    width: 100%;
    top: 20em;
  }
}

.page--home {
 article {
  padding-bottom: 1em;
 }
}

article {
  padding: 0 0 4em;

  ul {
    list-style: square;
    margin-left: 1em;
  }
<commit_msg>Fix reponsiveness.<commit_after>header {
  height: 100%;
  position: fixed;
  width: 50%;
  top: 0;
  left: 50%;
  text-align: center;

  transition: all 0.2s ease;

  div {
    width: 90%;
    height: 4em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -80%);
  }

  a { margin: 0 .2em; }

  .break-desktop { display: block; }
  .break-tablet { display: none; }

  @media screen and (max-width: 75em) {
    width: 40%;
    left: 60%;

    .break-desktop { display: none; }
    .break-tablet { display: block; }
  }

  @media screen and (max-width: 50em) {
    width: 100%;
    height: 20em;
    left: 0;
    top: 0;
    position: absolute;
  }
}

section {
  height: 100%;
  width: 50%;
  background: #fdfdff;
  left: 0;
  top: 0;
  padding: 4em;
  position: relative;

  transition: all 0.2s ease;

  @media screen and (max-width: 75em) {
    width: 60%;
  }

  @media screen and (max-width: 50em) {
    width: 100%;
    top: 20em;
    padding: 1em;
  }
}

.page--home {
 article {
  padding-bottom: 1em;
 }
}

article {
  padding: 0 0 4em;

  @media screen and (max-width: 50em) { padding: 0 0 1em; }

  ul {
    list-style: square;
    margin-left: 1em;
  }

{'fraction_non_alphanumeric': 0.1547104580812446, 'fraction_numerical': 0.05790838375108038, 'mean_word_length': 2.335734870317003, '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': '2927497', 'n_tokens_mistral': 1049, 'n_tokens_neox': 895, 'n_words': 252}