<commit_before>html,body{
  text-align:center;
  margin:0;
  padding:0;
  width:100%;
  height:100%;
  background-color:#EEE;
}
ul{
  list-style-type:none;
  margin:0;
  padding:0;
}      
p,h1,h2,h3,h4,h5,h6,h7,div,span{
  text-align:start;
  font-family:Verdana,Arial,sans-serif;
  shape-rendering: crispEdges;
  line-height:1.5em;
  font-weight:lighter;
}
h1,h2,h3,h4,h5,h6,h7,.timeline-label{
    font-family: "Helvetica Nueue","Roboto",Helvetica,Arial,FontAwesome;
    background-color: #FF7300;
    color: white;
    padding: 0 1em;
}
#card-stack{
  display:flex;
  flex-wrap:wrap;
  flex-direction:row;
  align-items:flex-start;
  justify-content:space-around;
}
#card-stack *{
  flex:0 0 auto;
}
h2{
  background-color:#aaa;
  margin:0;
}
.axis path,
.axis line {
  fill: none;
  stroke: black;
}

.axis text {
  font-size: 18px;
}

.timeline-label {
  font-size: 16px;
  text-align:right;
  width:100%;
  cursor:pointer;
  display:block;
  fill-color:yellow;
}

svg.scrollable {
  cursor:ew-resize;
}

.coloredDiv {
  height: 20px;
  width: 20px;
  float: left;
}
.betterlabel{
  height:200px;
  width:100px;  
}
#timeline{
  background-color:white;
  
  border: solid 1px rgba(0, 0, 0, 0.23);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
#timeline svg{
  width:100%;
}
#desc,#party{
  margin: 1em;
  display: inline-block;
  max-width: 600px;
  background-color: white;
  border: solid 1px rgba(0, 0, 0, 0.23);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}<commit_msg>even better styles<commit_after>html,body{
  text-align:center;
  margin:0;
  padding:0;
  width:100%;
  height:100%;
  background-color:#EEE;
}
ul{
  list-style-type:none;
  margin:0;
  padding:0;
}      
p,h1,h2,h3,h4,h5,h6,h7,div,span{
  text-align:start;
  font-family:Verdana,Arial,sans-serif;
  shape-rendering: crispEdges;
  line-height:1.5em;
  font-weight:lighter;
}
h1,h2,h3,h4,h5,h6,h7,.timeline-label{
    font-family: "Helvetica Nueue","Roboto",Helvetica,Arial,FontAwesome;
    background-color: #FF7300;
    color: white;
    padding: 0 1em;
}
h2{
  background-color:#aaa;
  margin:0;
}
.axis path,
.axis line {
  fill: none;
  stroke: black;
}

.axis text {
  font-size: 18px;
}

.timeline-label {
  font-size: 16px;
  text-align:right;
  width:100%;
  cursor:pointer;
  display:block;
  fill-color:yellow;
}

svg.scrollable {
  cursor:ew-resize;
}

.coloredDiv {
  height: 20px;
  width: 20px;
  float: left;
}
.betterlabel{
  height:200px;
  width:100px;  
}
#timeline{
  background-color:white;
  
  border: solid 1px rgba(0, 0, 0, 0.23);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
#timeline svg{
  width:100%;
}
#card-stack{
  display:inline;
}
#desc,#party{
  margin: 1em;
  display: inline-block;
  max-width: 600px;
  background-color: white;
  border: solid 1px rgba(0, 0, 0, 0.23);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  vertical-align:top;
}
{'fraction_non_alphanumeric': 0.16602720613882108, 'fraction_numerical': 0.064876177188699, 'mean_word_length': 3.732673267326733, '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': '6301548', 'n_tokens_mistral': 1415, 'n_tokens_neox': 1271, 'n_words': 235}