<commit_before>*, *:before, *:after {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

html, body { height: 100%; }

body {
	font-family: 'Avenir Next', serif;
	margin: 0;
	overflow-x: hidden;
	background-color: #ababac;
}

header {
	background-color: #1C1D1D;
	color: #F2F2F0;
	padding: 25px;
	font-size: 24px;
  	position: fixed;
  	width: 100%;
  	height: 80px;
  	z-index: 10000;

  	-webkit-box-shadow: 0 0 15px 15px #ababac !important;
  	-moz-box-shadow: 0 0 15px 15px #ababac !important;
  	box-shadow: 0 0 15px 15px #ababac !important;
}

div.title {
	max-width: 1250px;
}

div.logo {
	width: 93px;
	height: 52px;
	position: relative;
	float: right;
	top: -42px;

}

div.connector {
	width: 100%;
	z-index: -1;
	position: fixed;
	top: 40%;
	border-style: dotted;
	border-width: 2px 2px 2px 2px;
	border-color: white;
}

article.content {
	padding-top: 80px;
	margin: 0 auto;

	img {
		width: 100%;
		display: block;
	}
}

div.vertical-narrative {
	position: absolute;
	top: 40%;
	margin-top: -125px;
	z-index: 10;
	left: 17.96875%;  // 230 / 1280
	height: 100%;
	float: left;
	width: 37.5%;

	section.narrative-section {
		width: 100%;
		height: 250px;
		border-bottom: 2px solid #f2f2f2;
	}
}

div.horizontal-context {
	float: right;
	z-index: 10;
	top: 40%;
	margin-top: -125px;
	height: 100%;
	width: 100%;
	left: 58.59375%;
	position: fixed;
}

div.chevron {
	z-index: 10;
	position: fixed;
	top: 35.6%;
	font-size: 3em;		
	cursor: pointer;
	&:hover {
		color: white;
	}
}

div.chevron-left {
	left: 20px;
}

div.chevron-right {
	position: fixed;
	right: 20px;
}

section.narrative-section {<commit_msg>Changes to chevron and spacing<commit_after>*, *:before, *:after {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

html, body { height: 100%; }

body {
	font-family: 'Avenir Next', serif;
	margin: 0;
	overflow-x: hidden;
	background-color: #ababac;
}

header {
	background-color: #1C1D1D;
	color: #F2F2F0;
	padding: 25px;
	font-size: 24px;
  	position: fixed;
  	width: 100%;
  	height: 80px;
  	z-index: 10000;

  	-webkit-box-shadow: 0 0 15px 15px #ababac !important;
  	-moz-box-shadow: 0 0 15px 15px #ababac !important;
  	box-shadow: 0 0 15px 15px #ababac !important;
}

div.title {
	max-width: 1250px;
}

div.logo {
	width: 93px;
	height: 52px;
	position: relative;
	float: right;
	top: -42px;

}

div.connector {
	width: 100%;
	z-index: -1;
	position: fixed;
	top: 40%;
	border-style: dotted;
	border-width: 2px 2px 2px 2px;
	border-color: white;
}

article.content {
	padding-top: 80px;
	margin: 0 auto;

	img {
		width: 100%;
		display: block;
	}
}

div.vertical-narrative {
	position: absolute;
	top: 40%;
	margin-top: -125px;
	z-index: 10;
	left: 17.96875%;  // 230 / 1280
	height: 100%;
	float: left;
	width: 37.5%;

	section.narrative-section {
		width: 100%;
		height: 265px;
		border-bottom: 2px solid #f2f2f2;
	}
}

div.horizontal-context {
	float: right;
	z-index: 10;
	top: 40%;
	margin-top: -125px;
	height: 100%;
	width: 100%;
	left: 58.59375%;
	position: fixed;
}

div.chevron {
	z-index: 10;
	position: fixed;
	top: 35.6%;
	font-size: 3em;		
	cursor: pointer;
	color: white;
	&:hover {
		color: black;
	}
}

div.chevron-left {
	left: 20px;
}

div.chevron-right {
	position: fixed;
	right: 20px;
}

section.narrative-section {
{'fraction_non_alphanumeric': 0.159688995215311, 'fraction_numerical': 0.08074162679425838, 'mean_word_length': 3.3782722513089007, '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': '5141144', 'n_tokens_mistral': 1728, 'n_tokens_neox': 1466, 'n_words': 352}