<commit_before>.banner{
width: 100%;
background-color: #aaa;
margin-top: 0px;
border-radius: 4px;
padding-bottom: 10px;
height: 50px;
}

.banner h1 {
		margin-top: 0px;
		text-shadow: 0px -1px 0px rgba(0,0,0,.5);
		font-size: 50px;
		color: #666;
		float: left;
		margin-left: 580px;
}
.banner a{
		float:right;
		color: #666;
		text-shadow: 0px -1px 0px rgba(0,0,0,.5);
		margin-top: 35px;
		margin-right: 100px;
		font-size: 20px;
}
a {
		color: #ff0000;
}
table{width: 100%;}
.Inner_Image{
	height: 50%;
	width: 50%;
	border-size: 5px;
	border-color: #000;
	border-style: solid;
	margin-top: 50px;
}

#Balls_Image{
	width: 600px;
	height: 300px;
	font-size: 20px;
	padding-top: 10px;
	background-color: #666;
	border-radius: 10px;
	text-align: center;	
}
#Pong_Image{
	width: 600px;
	height: 300px;
	font-size: 20px;
	padding-top: 10px;
	background-color: #666;
	border-radius: 10px;
	text-align: center;
}
@media only screen and (max-width: 768px){
	body {
		margin-top: 0px;
	}
	a {
		color: #ff0000;
	}
	.banner{
		width: 100%;
		background-color: #aaa;
		margin-top: 0px;
		border-radius: 4px;
		padding-bottom: 10px;
		height: 100px;
	}
	.banner h1 {
		margin-top: 0px;
		text-shadow: 0px -1px 0px rgba(0,0,0,.5);
		font-size: 20px;
		color: #666;
		float: left;
		margin-left: 0px;
	}
	.banner a{
		float:right;
		color: #666;
		text-shadow: 0px -1px 0px rgba(0,0,0,.5);
		margin-top: 35px;
		margin-right: 10px;
		font-size: 20px;
	}
	.Inner_Image{
		height: 50%;
		width: 50%;
		border-size: 5px;
		border-color: #000;
		border-style: solid;
		margin-top: 10px;
	}
	
	#Balls_Image{
		margin-left: 75px;
		width: 300px;
		height: 150px;
		font-size: 20px;
		padding-top: 10px;
		background-color: #666;
		border-radius: 10px;
		text-align: center;	
	}
	#Pong_Image{
		width: 300px;
		height: 150px;
		font-size: 20px;
		padding-top: 10px;
		background-color: #666;
		border-radius: 10px;
		text-align: center;
	}
}<commit_msg>Mobile<commit_after>.banner{
width: 100%;
background-color: #aaa;
margin-top: 0px;
border-radius: 4px;
padding-bottom: 10px;
height: 50px;
}

.banner h1 {
		margin-top: 0px;
		text-shadow: 0px -1px 0px rgba(0,0,0,.5);
		font-size: 50px;
		color: #666;
		float: left;
		margin-left: 580px;
}
.banner a{
		float:right;
		color: #666;
		text-shadow: 0px -1px 0px rgba(0,0,0,.5);
		margin-top: 35px;
		margin-right: 100px;
		font-size: 20px;
}
a {
		color: #ff0000;
}
table{width: 100%;}
.Inner_Image{
	height: 50%;
	width: 50%;
	border-size: 5px;
	border-color: #000;
	border-style: solid;
	margin-top: 50px;
}

#Balls_Image{
	width: 600px;
	height: 300px;
	font-size: 20px;
	padding-top: 10px;
	background-color: #666;
	border-radius: 10px;
	text-align: center;	
}
#Pong_Image{
	width: 600px;
	height: 300px;
	font-size: 20px;
	padding-top: 10px;
	background-color: #666;
	border-radius: 10px;
	text-align: center;
}
@media only screen and (max-width: 768px){
	body {
		margin-top: 0px;
	}
	a {
		color: #ff0000;
	}
	.banner{
		width: 100%;
		background-color: #aaa;
		margin-top: 0px;
		border-radius: 4px;
		padding-bottom: 10px;
		height: 100px;
	}
	.banner h1 {
		margin-top: 0px;
		text-shadow: 0px -1px 0px rgba(0,0,0,.5);
		font-size: 20px;
		color: #666;
		float: left;
		margin-left: 0px;
	}
	.banner a{
		float:right;
		color: #666;
		text-shadow: 0px -1px 0px rgba(0,0,0,.5);
		margin-top: 35px;
		margin-right: 10px;
		font-size: 12px;
	}
	.Inner_Image{
		height: 50%;
		width: 50%;
		border-size: 5px;
		border-color: #000;
		border-style: solid;
		margin-top: 10px;
	}
	
	#Balls_Image{
		margin-left: 50px;
		width: 300px;
		height: 150px;
		font-size: 20px;
		padding-top: 10px;
		background-color: #666;
		border-radius: 10px;
		text-align: center;	
	}
	#Pong_Image{
		width: 300px;
		height: 150px;
		font-size: 20px;
		padding-top: 10px;
		background-color: #666;
		border-radius: 10px;
		text-align: center;
	}
}
{'fraction_non_alphanumeric': 0.1650711513583441, 'fraction_numerical': 0.09366106080206986, 'mean_word_length': 3.4082098061573545, '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': '2794197', 'n_tokens_mistral': 2165, 'n_tokens_neox': 1737, 'n_words': 394}