<commit_before>html {
  background-color: #ffffff;
 font-family: 'Quicksand', sans-serif;
}

header {
  height: 40%;
  width: 100%;
  background-color: black;
  color: white;
  font-size: 1.5em;
  text-align: center;
  position: absolute;
  top: 0px;
  padding-top: 5%;
  z-index: -1;
  }


  #nav {
  display: inline-block;
  padding: 2%;
  font-weight: bold;
  font-size: 1.5em;
  color: white;
}

#search {
  float: right;
  margin-right: 2%;
}
.personal {
  border: 1px black solid;
  background-color: red;
  display: block;
  float: right;
  width: 25%;
  font-size: 1.25em;

}

img {
  width: 100%;
  }

.small {
  width: 50%;
  margin: 0 25% 0 25%;
}


#title {
  text-align: center;
  margin: 25% 20% 10% 20%;
  }

.post-title, h4 {
  margin: auto;
  margin-bottom: 2%;
  width: 60%;
}


#post-text {
  display: block;
  text-align: left;
  margin: auto;
  margin-bottom: 10%;
  width: 70%;
  border: 2px dotted red;
  padding: 2%;
}

footer {
   position: absolute;
   bottom: 0;
   right: 0;
  }

@media only screen and (orientation: portrait){
header {
  max-height: 20%;
 }
 #title {
  margin-top: 30%;
 }
}<commit_msg>testing mobile<commit_after>html {
  background-color: #ffffff;
 font-family: 'Quicksand', sans-serif;
}

header {
  height: 40%;
  width: 100%;
  background-color: black;
  color: white;
  font-size: 1.5em;
  text-align: center;
  position: absolute;
  top: 0px;
  padding-top: 5%;
  z-index: -1;
  }


  #nav {
  display: inline-block;
  padding: 2%;
  font-weight: bold;
  font-size: 1.5em;
  color: white;
}

#search {
  float: right;
  margin-right: 2%;
}
.personal {
  border: 1px black solid;
  background-color: red;
  display: block;
  float: right;
  width: 25%;
  font-size: 1.25em;

}

img {
  width: 100%;
  }

.small {
  width: 50%;
  margin: 0 25% 0 25%;
}


#title {
  text-align: center;
  margin: 25% 20% 10% 20%;
  }

.post-title, h4 {
  margin: auto;
  margin-bottom: 2%;
  width: 60%;
}


#post-text {
  display: block;
  text-align: left;
  margin: auto;
  margin-bottom: 10%;
  width: 70%;
  border: 2px dotted red;
  padding: 2%;
}

footer {
   position: absolute;
   bottom: 0;
   right: 0;
  }

@media only screen and (orientation: portrait){
header {
  height: 20%;
  width: 100%;
  background-color: red;
 }
 #title {
  margin: 35% 20% 10% 20%;
 }
}
{'fraction_non_alphanumeric': 0.16327414465136422, 'fraction_numerical': 0.05153746210480727, 'mean_word_length': 2.8372093023255816, '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': '4128979', 'n_tokens_mistral': 1057, 'n_tokens_neox': 930, 'n_words': 250}