<commit_before>
h1, h2, h3, h4 {
	font-family: 'lobster', serif
}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: sans;
}

body {
	padding-bottom: 4em;
}

.banner {
	color: #F00;
	text-shadow: 0.005em 0.025em 0.01em #960000, -0.1em 0em 0em #960000, -0.1em 0em 0.1em rgba(0, 0, 0, 0.59);
	font-size: 4em;
	margin: 0;
	transform: perspective(200px) rotateY(22deg) scaleX(1);
	width: 100%;
	display: block;
	transform-origin: 5% 50% 0px;
	text-decoration: underline;
}

.main_navigator ul {
	display:flex;
	flex-direction: row;
	padding: 0em 5em;
}


.main_navigator ul > li {
	display: inline;
	flex-grow: 1;
}

.main_navigator ul > li > a {
	display: block;
	text-align: center;
	background: rgb(200, 150, 180);
	border-radius: 0.2em;
	margin: 0.1em;
}

.main_header {
	padding: 0em 4em 2em 4em;
	padding-top: 2em;
	background: linear-gradient(to bottom, #07033E 0%, #A43957 62%, rgba(182, 100, 178, 0.7) 68%, rgba(125, 185, 232, 0) 100%) repeat scroll 0% 0% transparent;
}

.main_content {
	padding: 1em;
	width: 40em;
	max-width: 100%;
	margin: 0px auto;
	box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
	.main_navigator ul {
		flex-direction: column;
	}
}<commit_msg>Update main.css<commit_after>
h1, h2, h3, h4 {
	font-family: 'lobster', serif
}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: sans;
}

.banner {
	color: #F00;
	text-shadow: 0.005em 0.025em 0.01em #960000, -0.1em 0em 0em #960000, -0.1em 0em 0.1em rgba(0, 0, 0, 0.59);
	font-size: 4em;
	margin: 0;
	transform: perspective(200px) rotateY(22deg) scaleX(1);
	width: 100%;
	display: block;
	transform-origin: 5% 50% 0px;
	text-decoration: underline;
}

.main_navigator ul {
	display:flex;
	flex-direction: row;
	padding: 0em 5em;
}


.main_navigator ul > li {
	display: inline;
	flex-grow: 1;
}

.main_navigator ul > li > a {
	display: block;
	text-align: center;
	background: rgb(200, 150, 180);
	border-radius: 0.2em;
	margin: 0.1em;
}

.main_header {
	padding: 0em 4em 2em 4em;
	padding-top: 2em;
	background: linear-gradient(to bottom, #07033E 0%, #A43957 62%, rgba(182, 100, 178, 0.7) 68%, rgba(125, 185, 232, 0) 100%) repeat scroll 0% 0% transparent;
}

.main_content {
	padding: 1em;
	width: 40em;
	max-width: 100%;
	margin: 0px auto;
	box-sizing: border-box;
	padding-bottom: 4em;
}

@media only screen and (max-width: 767px) {
	.main_navigator ul {
		flex-direction: column;
	}
}
{'fraction_non_alphanumeric': 0.15852649006622516, 'fraction_numerical': 0.11341059602649006, 'mean_word_length': 3.86317907444668, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 9, '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': '5131915', 'n_tokens_mistral': 1284, 'n_tokens_neox': 1050, 'n_words': 282}