<commit_before>body {
  color: #444;
  font-family: 'Trebuchet MS', trebuchet, sans-serif;
}

footer {
  text-align: center;
}

header {
  background-color: #EEF;
  border-radius: 15px;
  padding: 0.5em;
  margin: 1em 0;
  text-align: center;
}
header section {
  display: inline-block;
  margin: auto 4em;
  vertical-align: middle;
}

main {
  display: flex;
  flex: auto;
}
main section li {
  border-color: #3080CA;
  border-radius: 0.5em;
  border-style: solid;
  border-width: 0.25em 1px 1px 0.375em;
  box-shadow: 4px 4px #555;
  margin: 1em 0;
  padding: 1em;
}

nav {
  background-color: #A8BC85;
  border-color: #6C8938;
  border-radius: 0 0.5em;
  border-style: solid;
  border-width: 0.25em 1px 1px 0.375em;
  padding: 0.25em 1em;
  text-align: center;
  width: 10em;
}
nav li {
  background-color: #EFEAC1;
  border: 0.125em solid #8F4B36;
  border-radius: 0.5em;
  margin: 0.375em 0.125em;
  padding: 0.375em 0.125em;
}

ol, ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

a:link {
  color: #565BB1;
  font-weight: bold;
  text-decoration: none;
}
a:visited {
  color: #565BB1;
}
a:hover {
  color: #868BF1;
}
a:visited:hover {
  color: #868BF1;
}
nav a:link {
  color: #8F4B36;
  font-weight: initial;
  text-decoration: none;
}
nav a:visited {
  color: #8F4B36;
}
nav a:hover {
  color: #204926;
}
nav a:visited:hover {
  color: #204926;
}

pre {
  background-color: #676767;
  border: 2px inset #000;
  color: #DDD;
  font-family: "Lucida Console", Monaco, monospace;
  font-size: 1em;
  padding: 1em;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

.columns-3 {
  -webkit-columns: 1em 3;
  -moz-columns: 1em 3;
  columns: 1em 3;
}
.container {
  align-content: center;
  margin: 0 auto;
  width: 85%;
}

.footer-links {
  color: #336;
  font-size: 1.5em;
  font-weight: bold;
  margin: 0.5em;
}
.footer-links a {
  color: #336;
  vertical-align: middle;
}
.footer-links a:hover {
  color: #88A;
}
.footer-links a:visited {
  color: #336;
}
.footer-links a:visited:hover {
  color: #88A;
}

.headshot {
  border-radius: 0 10px;
  border-style: solid;
  border-width: 0.375em 0 0 0.25em;
  margin-top: 0.5em;
  width: 130px;
}

.main-container {
  height: 35em;
  margin-right: 1em;
  overflow-y: scroll;
  padding: 2em;
  width: -moz-available;
  width: -webkit-fill-available;
}
.nav-name {
  display: initial;
  font-family: 'Trebuchet MS', trebuchet, sans-serif;
  font-weight: bold;
}<commit_msg>Update styling to use flex and fit window height<commit_after>body {
  color: #444;
  font-family: 'Trebuchet MS', trebuchet, sans-serif;
}

footer {
  text-align: center;
}

header {
  background-color: #EEF;
  border-radius: 15px;
  padding: 1em;
  margin: 1em 0;
  text-align: left;
}
header h1 {
  margin: 0;
}
header span {
  font-size: 0.625em;
  font-weight: initial;
  margin-left: 1em;
}

main {
  display: flex;
  flex-direction: row;
  height: 60vh;
  min-height: 24em;
}
main section li {
  border-color: #3080CA;
  border-radius: 0.5em;
  border-style: solid;
  border-width: 0.25em 1px 1px 0.375em;
  box-shadow: 4px 4px #555;
  margin: 1em 0;
  padding: 1em;
}

nav {
  background-color: #A8BC85;
  border-color: #6C8938;
  border-radius: 0 0.5em;
  border-style: solid;
  border-width: 0.25em 1px 1px 0.375em;
  padding: 0.25em 1em;
  text-align: center;
}
nav li {
  background-color: #EFEAC1;
  border: 0.125em solid #8F4B36;
  border-radius: 0.5em;
  margin: 0.375em 0.125em;
  padding: 0.375em 0.125em;
}

ol, ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

a:link {
  color: #565BB1;
  font-weight: bold;
  text-decoration: none;
}
a:visited {
  color: #565BB1;
}
a:hover {
  color: #868BF1;
}
a:visited:hover {
  color: #868BF1;
}
nav a:link {
  color: #8F4B36;
  font-weight: initial;
  text-decoration: none;
}
nav a:visited {
  color: #8F4B36;
}
nav a:hover {
  color: #204926;
}
nav a:visited:hover {
  color: #204926;
}

pre {
  background-color: #676767;
  border: 2px inset #000;
  color: #DDD;
  font-family: "Lucida Console", Monaco, monospace;
  font-size: 1em;
  padding: 1em;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

.columns-3 {
  -webkit-columns: 1em 3;
  -moz-columns: 1em 3;
  columns: 1em 3;
}
.container {
  align-content: center;
  margin: 0 auto;
  width: 95%;
}

.footer-links {
  color: #336;
  font-size: 1.5em;
  font-weight: bold;
  margin: 0.5em;
}
.footer-links a {
  color: #336;
  vertical-align: middle;
}
.footer-links a:hover {
  color: #88A;
}
.footer-links a:visited {
  color: #336;
}
.footer-links a:visited:hover {
  color: #88A;
}

.headshot {
  border-radius: 0 10px;
  border-style: solid;
  border-width: 0.375em 0 0 0.25em;
  margin-top: 0.5em;
  width: 130px;
}

.main-container {
  flex-grow: 1;
  margin-right: 1em;
  overflow-y: scroll;
  padding: 2em;
}
.nav-name {
  display: initial;
  font-family: 'Trebuchet MS', trebuchet, sans-serif;
  font-weight: bold;
}
{'fraction_non_alphanumeric': 0.1547760602457392, 'fraction_numerical': 0.07411811335711455, 'mean_word_length': 3.1814415907207954, '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': '83165', 'n_tokens_mistral': 2462, 'n_tokens_neox': 2202, 'n_words': 515}