<commit_before>body {
  margin-bottom: 6em;
}

#meatshield {
  position: relative;
  margin: 0 auto 2em;
}

#footer{
  width: 100%;
  text-align: center;
  margin-top: .25em;
}

#generate-character{
  width: 20em;
  height: 5em;
  display: inline-block;
}

.character {
  border-radius: 10px;
  width:  20em;
  background: #fff;
  border: 2px solid #46494C;
  padding: .5em;
  color: #46494C;
  overflow: hidden;
  margin: .6em 0 .6em 0;
  box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.75);
}

.character .type {
  position: relative;
  text-align: left;
  font-size: 1.25em;
  font-weight: bold;
  width: 100%;
  padding: .25em;
  font-weight: 500;
}

.character .name {
  position: relative;
  z-index: 2;
  text-align: left;
  font-size: 2em;
  width: 100%;
  padding-right: .0825em;
  color: #46494C;
  font-weight: 400;
}

.character .race {
  position: relative;
  text-align: left;
  font-size: 1.25em;
  font-weight: bold;
  width: 100%;
  padding: .25em;
  font-weight: 500;
}

.character .hp{
  font-size: 1.25em;
  font-weight: 500;
  padding: .25em;
}

.weapon .weapon-name{
  font-size: 1.25em;
  width: 100%;
  font-weight: 500;
}

.weapon .weapon-description{
  font-size: .9em;
  width: 100%;
  text-align: right;
  font-weight: 500;
}

.armor .armor-name{<commit_msg>trying out some mobile styling changes<commit_after>/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
  body {
    margin-bottom: 6em;
    padding-top: 75px;
  }

  #generate-character{
    width: 100%;
    height: 4em;
    border-radius: 0 !important;
  }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
  body {
    margin-bottom: 6em;
    padding-top: 75px;
  }

  #generate-character{
    width: 100%;
    height: 4em;
    border-radius: 0 !important;
  }
}


body {
  margin-bottom: 6em;
  padding-top: 50px;
}

#meatshield {
  position: relative;
  margin: 0 auto 2em;
}

#footer{
  width: 100%;
  text-align: center;
  margin-top: .25em;
}

#generate-character{
  width: 20em;
  height: 5em;
  display: inline-block;
}

.character {
  border-radius: 10px;
  width:  20em;
  background: #fff;
  border: 2px solid #46494C;
  padding: .5em;
  color: #46494C;
  overflow: hidden;
  margin: .6em 0 .6em 0;
  box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.75);
}

.character .type {
  position: relative;
  text-align: left;
  font-size: 1.25em;
  font-weight: bold;
  width: 100%;
  font-weight: 500;
}

.character .name {
  position: relative;
  z-index: 2;
  text-align: left;
  font-size: 2em;
  width: 100%;
  padding-right: .0825em;
  color: #46494C;
  font-weight: 400;
}

.character .race {
  position: relative;
  text-align: left;
  font-size: 1.25em;
  font-weight: bold;
  width: 100%;
  font-weight: 500;
}

.character .hp{
  font-size: 1.25em;
  font-weight: 500;
}

.weapon .weapon-name{
  font-size: 1.25em;
  width: 100%;
  font-weight: 500;
}

.weapon .weapon-description{
  font-size: .9em;
  width: 100%;
  text-align: right;
  font-weight: 500;
}

.armor .armor-name{
{'fraction_non_alphanumeric': 0.1535496305814327, 'fraction_numerical': 0.07613234821715387, 'mean_word_length': 2.926860025220681, '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': '2583024', 'n_tokens_mistral': 1486, 'n_tokens_neox': 1277, 'n_words': 321}