<commit_before>
#content{
	background-color: white;
	min-height: 0em;
	margin-top: 6em;
	box-shadow: 0 0 6em 6em rgba(255,255,255,.6);
	background-color: rgba(255,255,255,.6);
	color: $darkGreen;
	font-size: $fontNormal;
	overflow-x: hidden;
	transition: min-height 800ms $bezierTime;

	&>.responsive{
		transition: opacity 800ms $bezierTime 1200ms;		
		opacity: 0;
	}
	&.open{
		min-height: 20em;
		&>.responsive{
			opacity: 1;
		}
	}

	article{
		p{
			margin: 1em 0;
			padding-left: 0;
		}
	}
	strong{
		display: block;
		text-align: center;
	}
	h2{
		text-align: center;
		margin-bottom: 1em;
	}
	h3{
		margin-top: 1.5em;
	}
	p{
		padding-left: 1em;
		text-align: justify;
	}
	ul{
		padding-left: 4em;
	}
	.hr{
		background-color: $darkGreen;
		height: .8em;
		margin: 4em 0;
	}

	.tb{
		vertical-align: top;
		margin: 1em 0;

		.title{
			width: 20%;
			float: left;
			text-align: right;
			font-weight: 900;
		}
		.info{
			width: 78%;
			float: right;
			text-align: left;
		}
		&::after{
			display: block;
			content: ' ';
			clear: both;
		}



		.col_left{
			width: 49%;
			float: left;
		}
		.col_right{
			width: 49%;
			float: right;
		}
		.task{
			text-align: right;
			font-weight: 900;
		}
		.people{
			text-align: left;
		}
	}
}

.text{
	display: none;
	transition: opacity 800ms $bezierTime;
	opacity: 0;

	&.show{
		opacity: 1;
	}
}<commit_msg>content responsive<commit_after>
#content{
	background-color: white;
	min-height: 0em;
	margin-top: 6em;
	box-shadow: 0 0 6em 6em rgba(255,255,255,.6);
	background-color: rgba(255,255,255,.6);
	color: $darkGreen;
	font-size: $fontNormal;
	overflow-x: hidden;
	transition: min-height 800ms $bezierTime;

	&>.responsive{
		transition: opacity 800ms $bezierTime 1200ms;		
		opacity: 0;
	}
	&.open{
		min-height: 20em;
		&>.responsive{
			opacity: 1;
		}
	}

	article{
		p{
			margin: 1em 0;
			padding-left: 0;
		}
	}
	strong{
		display: block;
		text-align: center;
	}
	h2{
		text-align: center;
		margin-bottom: 1em;
	}
	h3{
		margin-top: 1.5em;
	}
	p{
		padding-left: 1em;
		text-align: justify;
	}
	ul{
		padding-left: 4em;
	}
	.hr{
		background-color: $darkGreen;
		height: .8em;
		margin: 4em 0;
	}

	.tb{
		vertical-align: top;
		margin: 1.5em 0;

		.title{
			width: 20%;
			float: left;
			text-align: right;
			font-weight: 900;
		}
		.info{
			width: 78%;
			float: right;
			text-align: left;
		}
		&::after{
			display: block;
			content: ' ';
			clear: both;
		}



		.col_left{
			width: 49%;
			float: left;
		}
		.col_right{
			width: 49%;
			float: right;
		}
		.task{
			text-align: right;
			font-weight: 900;
		}
		.people{
			text-align: left;
		}

		@media screen and (max-width: 800px){
			.col_left , .col_right{
				width: 100%;
				float: none;
			}
			.task , .people > p{
				text-align: center;
				padding: 0;
			}
		}
	}
}

.text{
	display: none;
	transition: opacity 800ms $bezierTime;
	opacity: 0;

	&.show{
		opacity: 1;
	}
}
{'fraction_non_alphanumeric': 0.15954902630679876, 'fraction_numerical': 0.05329689101469081, 'mean_word_length': 2.597051597051597, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 8, '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': '1503266', 'n_tokens_mistral': 1602, 'n_tokens_neox': 1267, 'n_words': 287}