<commit_before>/*Global*/
* {
	font-family: 'Fira Sans', sans-serif;
}

body, html {
	background: rgb(245, 245, 245);
}

a {
	cursor: pointer;
	text-decoration: none;
}

div.content {
	height: 100%;
	width: 100%;
}

/*Header*/
header div.content{
	background-image: linear-gradient(180deg , #F6FDFF, rgb(245, 245, 245))
}

header .header	 {
	padding-top: 2rem;
}

header .header nav ul {
	list-style-type: none;
	padding: 0;
	transition: all 1s ease;
}

header .header nav ul li {
	margin: 1rem auto;
	font-size: 1.4rem;
    padding: 1rem 0;
}

header .header nav ul li a {
	color: #1CA8D3;
	transition: all .5s ease;
	text-transform: uppercase;
	position: relative;
}

/*Navigation Link Hover Effect*/
header .header nav ul li a:before {
	content: "";
	position: absolute;
	width: 100%;
	height: .2rem;
	bottom: -.4rem;
	left: 0;
	background-color: #1CA8D3;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

header .header nav ul li a:hover:before {
	visibility: visible;
	webkit-transform: scaleX(1);
	transform: scaleX(1);
}

/*Logo Type*/
header .header a .logotype {
	text-transform: uppercase;
	color: #1CA8D3;
	align-items: center;
	font-weight: 700;
	font-size: 2.2rem;
	letter-spacing: .1rem;
	margin-top: 1.6rem;
}

/*Hero*/
header .header .hero {
	margin: 1rem auto;
}

/*sm*/
@media only screen and (min-width: 48em) {

	header .header a .logotype {
		margin-top: 0;
	}

	header .header nav ul li {
    	padding: 0;
	}

	/*Hero*/
	header .header .hero {
		margin: 4rem auto;
	}
}<commit_msg>Refine navigation design<commit_after>/*Global*/
* {
	font-family: 'Fira Sans', sans-serif;
}

body, html {
	background: rgb(245, 245, 245);
}

a {
	cursor: pointer;
	text-decoration: none;
}

div.content {
	height: 100%;
	width: 100%;
}

/*Header*/
header div.content{
	background-image: linear-gradient(180deg , #F6FDFF, rgb(245, 245, 245))
}

header .header	 {
	padding-top: 2rem;
}

header .header nav ul {
	list-style-type: none;
	padding: 0;
	transition: all 1s ease;
}

header .header nav ul li {
	margin: 1rem auto;
	font-size: 1.4rem;
    padding: 1rem 0;
}

header .header nav ul li a {
	color: #1CA8D3;
	transition: all .5s ease;
	text-transform: uppercase;
	position: relative;
}

/*Navigation Link Hover Effect*/
header .header nav ul li a:before {
	content: "";
	position: absolute;
	width: 100%;
	height: .2rem;
	bottom: -.4rem;
	left: 0;
	background-color: #1CA8D3;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

header .header nav ul li a:hover:before {
	visibility: visible;
	webkit-transform: scaleX(1);
	transform: scaleX(1);
}

/*Logo Type*/
header .header a .logotype {
	text-transform: uppercase;
	color: #1CA8D3;
	align-items: center;
	font-weight: 700;
	font-size: 2.2rem;
	letter-spacing: .1rem;
	margin-top: 1.6rem;
}

/*Hero*/
header .header .hero {
	margin: 1rem auto;
}

/*sm*/
@media only screen and (min-width: 48em) {

	header .header a .logotype {
		margin-top: 0;
	}

	header .header nav ul{
    	margin-top: 2rem;
	}

	header .header nav ul li {
    	padding: 0;
	}

	/*Hero*/
	header .header .hero {
		margin: 4rem auto;
	}
}

/*lg*/
@media only screen and (min-width: 75em) {
	header .header nav ul{
    	margin-top: 1rem;
	}
}
{'fraction_non_alphanumeric': 0.1528718703976436, 'fraction_numerical': 0.0459499263622975, 'mean_word_length': 3.404669260700389, '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': '3363964', 'n_tokens_mistral': 1501, 'n_tokens_neox': 1358, 'n_words': 381}