<commit_before>@import url("https://fonts.googleapis.com/css?family=Lato:300italic,400italic,700italic,400,300,700");
html, body, .mainContainer {
	width: 100%;
	height: 100%;
	font-family: Lato, sans-serif;
}
nav {
	background: white;
	border-bottom: solid 1px black;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 998 !important; /* please stay on top */
	/*height: 70px;*/
}
.mainContainer {
	padding-top: 45px;
}
.tabs {
	background-color: #333333;
	color: white;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	padding-top: 60px;
	overflow-y: auto;
	overflow-x: hidden;
	list-style-type: none;
	border-right: solid 1px #222222;
	z-index: 997;
	text-align: center;
	width: 80px;
	padding-left: 50px;
}
.tabs li {
	text-align: center;
	font-size: 1em;
	position: relative;
	left: -57px;
	border-bottom: none;
	width: 90px;
	height: 80px;
	cursor: pointer;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	transition: background 0.2s;
}
.tabs li:hover {
	background-color: #272727;
}
.tabs li .fa {
	margin-right: 1px;
	font-size: 37px;
	/* font-weight: normal; */
}
.go-dropdown li {
	cursor: pointer;
}

.pages {
	width: 100%;
	height: 100%;
	padding-left: 50px;
}
.page {
	opacity: 0;
	width: 100%;
	height: 100%;
	padding-top: 55px;
	padding-left: 90px;
	position: fixed;
	top: 0;
	left: 0;
	transition: opacity 0.2s;
	overflow-y: auto;
	padding-right: 10px;
}
.open-page {
	opacity: 1;
	z-index: 996;
}
.page.hasUpsell {
	overflow-x: hidden;
	overflow-y: hidden;
}

.upsell {
	background: white;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 2;
	padding-left: 10px;

	padding-top: 55px;
	padding-left: 90px;

	top: 0;
	left: 0;

	overflow-y: auto;
}
.upsell-row {
	background: lightgray;
}
.upsell-btn {
	width: 100%;
}

.loadOverlay {
	background: rgba(0, 0, 0, 0);
	color: white;
	font-size: 2em;
	position: fixed;
	top: 0;
	left: 0;
	/*opacity: 0.5;*/
	padding-top: 150px;
	text-align: center;
	width: 100%;
	height: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	z-index: -1 !important; /* hide */
	transition: background 0.2s;
}

.showLoadOverlay {
	background: rgba(0, 0, 0, 0.5);
	z-index: 99999 !important; /* please be above the nav */
}

.modal {
	z-index: 9999 !important; /* please be above everything but the loading thing */
	position: absolute;
	top: 0;
	left: 0;
}

.smileBtn, .frownBtn, .ideaBtn {
	cursor: pointer;
}

#feedback-msg {
	width: 100%;
	height: 100px;
	resize: none;
}

#page-pref-btn {
	background: #333333;
	border-color: #222222;
	color: white;
	position: absolute;
	left: 80px;
	bottom: 0;
	z-index: 1040;
	text-decoration: none;
}

#page-pref-btn:hover {
	background-color: #272727;
}

.loadWarn {
	background: rgba(0, 0, 0, 0.65);
	font-size: 0.7em;
	margin: 0 auto;
	padding: 5px;
	width: 300px;
	opacity: 0;
	transition: opacity 0.2s;
}

.showLoadOverlay .loadWarn.showingLoadWarn {
	opacity: 1;
}

.loadWarn button {
	background: rgba(150, 150, 150, 0.95);
	border: none;
	border-radius: 2px;
	font-size: 0.9em;
	transition: background 0.2s;
}

.loadWarn button:hover {
	background: rgba(100, 100, 100, 0.95);
}

@media (max-width: 768px) {
	.tabs {
		top: 45px;
		width: 100%;
		height: 80px;
		overflow-x: auto;
		overflow-y: hidden;
		padding-top: 0;
		padding-left: 0;
	}
	.tabs li {
		display: inline-block;
		left: 0;
	}
	.page {
		padding-left: 5px;
		padding-top: 125px;
	}
	.upsell {
		padding-left: 5px;
		padding-top: 125px;
	}
	#page-pref-btn {
		top: 125px;
		left: inherit;
		right: 0;
		bottom: inherit;
	}
}

@media (max-width: 991px) {
	.upsell-row {
		margin-top: 10px;
		margin-left: 0;
		margin-right: 0;
	}
}
<commit_msg>this should do it<commit_after>@import url("https://fonts.googleapis.com/css?family=Lato:300italic,400italic,700italic,400,300,700");
html, body, .mainContainer {
	width: 100%;
	height: 100%;
	font-family: Lato, sans-serif;
}
nav {
	background: white;
	border-bottom: solid 1px black;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 998 !important; /* please stay on top */
	/*height: 70px;*/
}
.mainContainer {
	padding-top: 45px;
}
.tabs {
	background-color: #333333;
	color: white;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	padding-top: 60px;
	overflow-y: auto;
	overflow-x: hidden;
	list-style-type: none;
	border-right: solid 1px #222222;
	z-index: 997;
	text-align: center;
	width: 80px;
	padding-left: 50px;
}
.tabs li {
	text-align: center;
	font-size: 1em;
	position: relative;
	left: -57px;
	border-bottom: none;
	width: 90px;
	height: 80px;
	cursor: pointer;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	transition: background 0.2s;
}
.tabs li:hover {
	background-color: #272727;
}
.tabs li .fa {
	margin-right: 1px;
	font-size: 37px;
	/* font-weight: normal; */
}
.go-dropdown li {
	cursor: pointer;
}

.pages {
	width: 100%;
	height: 100%;
	padding-left: 50px;
}
.page {
	opacity: 0;
	width: 100%;
	height: 100%;
	padding-top: 55px;
	padding-left: 90px;
	position: fixed;
	top: 0;
	left: 0;
	transition: opacity 0.2s;
	overflow-y: auto;
	padding-right: 10px;
}
.open-page {
	opacity: 1;
	z-index: 996;
}
.page.hasUpsell {
	overflow-x: hidden;
	overflow-y: hidden;
}

.upsell {
	background: white;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 2;

	padding-top: 55px;
	padding-left: 90px;
	padding-right: 10px;

	top: 0;
	left: 0;

	overflow-y: auto;
}
.upsell-row {
	background: lightgray;
}
.upsell-btn {
	width: 100%;
}

.loadOverlay {
	background: rgba(0, 0, 0, 0);
	color: white;
	font-size: 2em;
	position: fixed;
	top: 0;
	left: 0;
	/*opacity: 0.5;*/
	padding-top: 150px;
	text-align: center;
	width: 100%;
	height: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	z-index: -1 !important; /* hide */
	transition: background 0.2s;
}

.showLoadOverlay {
	background: rgba(0, 0, 0, 0.5);
	z-index: 99999 !important; /* please be above the nav */
}

.modal {
	z-index: 9999 !important; /* please be above everything but the loading thing */
	position: absolute;
	top: 0;
	left: 0;
}

.smileBtn, .frownBtn, .ideaBtn {
	cursor: pointer;
}

#feedback-msg {
	width: 100%;
	height: 100px;
	resize: none;
}

#page-pref-btn {
	background: #333333;
	border-color: #222222;
	color: white;
	position: absolute;
	left: 80px;
	bottom: 0;
	z-index: 1040;
	text-decoration: none;
}

#page-pref-btn:hover {
	background-color: #272727;
}

.loadWarn {
	background: rgba(0, 0, 0, 0.65);
	font-size: 0.7em;
	margin: 0 auto;
	padding: 5px;
	width: 300px;
	opacity: 0;
	transition: opacity 0.2s;
}

.showLoadOverlay .loadWarn.showingLoadWarn {
	opacity: 1;
}

.loadWarn button {
	background: rgba(150, 150, 150, 0.95);
	border: none;
	border-radius: 2px;
	font-size: 0.9em;
	transition: background 0.2s;
}

.loadWarn button:hover {
	background: rgba(100, 100, 100, 0.95);
}

@media (max-width: 768px) {
	.tabs {
		top: 45px;
		width: 100%;
		height: 80px;
		overflow-x: auto;
		overflow-y: hidden;
		padding-top: 0;
		padding-left: 0;
	}
	.tabs li {
		display: inline-block;
		left: 0;
	}
	.page {
		padding-left: 5px;
		padding-top: 125px;
	}
	.upsell {
		padding-left: 5px;
		padding-top: 125px;
	}
	#page-pref-btn {
		top: 125px;
		left: inherit;
		right: 0;
		bottom: inherit;
	}
}

@media (max-width: 991px) {
	.upsell-row {
		margin-top: 10px;
		margin-left: 0;
		margin-right: 0;
	}
}

{'fraction_non_alphanumeric': 0.16624075319435105, 'fraction_numerical': 0.07558843308675185, 'mean_word_length': 3.506666666666667, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 2, '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': '3056145', 'n_tokens_mistral': 3718, 'n_tokens_neox': 3187, 'n_words': 789}