<commit_before>@import url('https://fonts.googleapis.com/css?family=Yantramanav:100');
@import url('https://fonts.googleapis.com/css?family=Raleway:400');
@import url('https://fonts.googleapis.com/css?family=Jura:400');

* {
  padding: 0;
  margin: 0;
  border: 0;
  height: 100%;
  width: 100%;
}
.container {
  background: #161828;
	margin: auto;

}
.content {
  position: absolute;
  margin: auto;
  background-size: cover;
  display: table;
  top: 0;
  text-align: center;
}
.content h1 {
  font-family: 'Jura', sans-serif;
  font-size: 700%;
  font-weight: 100;
  line-height: 50%;
  position: absolute;
  color: #E1EFE9;
  top: 300px;
}
.content h2 {
  position: absolute;
  top: 370px;
  font-family: 'Yantramanav', sans-serif;
  font-size: 350%;
  font-weight: 100;
  color: #E1EFE9;
  line-height: 150%;
}
.content a {
  text-decoration: none;
}
.links {
  position: absolute;
  top: 470px;
}
.btn {
	font-family: 'Montserrat', sans-serif;
	font-size: 110%;
	font-weight: 400%;
	color: #CBDFD6;
	text-transform: uppercase;
	border: solid 1px #CBDFD6;
	padding: 10px 20px;
	border-radius: 9px;
	transition: all 0.3s;
	margin: 3px;
}
.btn:hover {
	color: #CBDFD6;
	border: solid 2px #353a5c;
}



#whoami {
  height: 100%;
	width: 100%;
  background-color: #161828;
	margin: auto;
	display: table;
	top: 0;
}

.mid h2 {
  text-transform: uppercase;
  text-align: center;
  font-weight: 300;
  color: #E1EFE9;
}
.mid h2:after {
  background-image: url("../images/hr.png");
  background-position: 0 0;
  content: "";
  display: block;
  height: 5px;
  margin: 10px auto;
  width: 62px;
  color: #E1EFE9;
}
.mid h3 {
  padding-top: 4%;
  padding-left: 4%;
  text-align: center;
  font-weight: 300;
  width: 91%;
  color: #E1EFE9;
}
.service-item {
  display: inline-block;
  vertical-align: top;
  width: calc(100% / 3);
  padding: 0 15px;
  box-sizing: border-box;
  margin-top: 65px;
}
.service-icon {
  font-size: 38px;
  margin-bottom: 15px;
  color: #91DC5A;
}
.service-title {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #E1EFE9;
  text-align: center;
}
.service-description {
  font-size: 15px;
  color: white;
  padding: 20px;
}
.icon-angular {
  background-image: url(../imgs/react.png);
  background-size: 1000px 5000px;
  background-repeat: no-repeat;
  padding-left: 45px;
}
.info-team img {
  -webkit-filter:grayscale(100%);
  margin-left: 30%;
}
.info-team:hover img{
    -webkit-filter:grayscale(0%);
    transition: 1s;
}
.info-team {
  display: inline-block;
}
.info-team img {
	border: 2px #d1ff83 solid;
	border-radius: 50%;
	margin-top: 5%;
	height: 150px;
	width: 150px;
}
.mid:hover .overlay {
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .service-item {
    width: calc(100% / 2);
  }
}

@media screen and (max-width: 425px) {
  .service-item {
    width: 100%;
  }
}
/*--- redimensionar --*/
@media screen and (max-width: 900px) {
	.content {
		padding-bottom: 30%;
	}
	.content h1 {
		font-size: 450%;
	}
  .content h2 {
    font-size: 300%;
  }
	.btn {
		font-size: 60%;
		padding: 9px 15px;
	}
}
@media screen and (max-width: 768px) {
	.content {
		padding-bottom: 30%;
	}
	.content h1 {
		font-size: 300%;
	}
  .content h2 {
    font-size: 200%;
  }
	.btn {
		font-size: 50%;
		padding: 7px 15px;
	}
}
@media screen and (max-width: 480px) {
	.content {
		padding-bottom: 50%;
	}
	.content h1 {
		font-size: 200%;
	}
  .content h2 {
    font-size: 150%;
  }
	.btn {
		font-size: 30%;
		padding: 6px 14px;
	}
}
<commit_msg>Update main.css<commit_after>@import url('https://fonts.googleapis.com/css?family=Yantramanav:100');
@import url('https://fonts.googleapis.com/css?family=Raleway:400');
@import url('https://fonts.googleapis.com/css?family=Jura:400');

* {
  padding: 0;
  margin: 0;
  border: 0;
  height: 100%;
  width: 100%;
}
.container {
  background: #161828;
	margin: auto;

}
.content {
  position: absolute;
  margin: auto;
  background-size: cover;
  display: table;
  top: 0;
  text-align: center;
}
.content h1 {
  font-family: 'Jura', sans-serif;
  font-size: 700%;
  font-weight: 100;
  line-height: 50%;
  position: absolute;
  color: #E1EFE9;
  top: 300px;
}
.content h2 {
  position: absolute;
  top: 370px;
  font-family: 'Yantramanav', sans-serif;
  font-size: 350%;
  font-weight: 100;
  color: #E1EFE9;
  line-height: 150%;
}
.content a {
  text-decoration: none;
}
.links {
  position: absolute;
  top: 470px;
}
.btn {
	font-family: 'Montserrat', sans-serif;
	font-size: 110%;
	font-weight: 400%;
	color: #CBDFD6;
	text-transform: uppercase;
	border: solid 1px #CBDFD6;
	padding: 10px 20px;
	border-radius: 9px;
	transition: all 0.3s;
	margin: 3px;
}
.btn:hover {
	color: #CBDFD6;
	border: solid 2px #353a5c;
}



#whoami {
  height: 100%;
	width: 100%;
  background-color: #161828;
	margin: auto;
	display: table;
	top: 0;
}

.mid h2 {
  margin-top: 100px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 300;
  color: #E1EFE9;
}
.mid h2:after {
  background-image: url("../images/hr.png");
  background-position: 0 0;
  content: "";
  display: block;
  height: 5px;
  margin: 10px auto;
  width: 62px;
  color: #E1EFE9;
}
.mid h3 {
  padding-top: 4%;
  padding-left: 4%;
  text-align: center;
  font-weight: 300;
  width: 91%;
  color: #E1EFE9;
}
.service-item {
  display: inline-block;
  vertical-align: top;
  width: calc(100% / 3);
  padding: 0 15px;
  box-sizing: border-box;
  margin-top: 65px;
}
.service-icon {
  font-size: 38px;
  margin-bottom: 15px;
  color: #91DC5A;
}
.service-title {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #E1EFE9;
  text-align: center;
}
.service-description {
  font-size: 15px;
  color: white;
  padding: 20px;
}
.icon-angular {
  background-image: url(../imgs/react.png);
  background-size: 1000px 5000px;
  background-repeat: no-repeat;
  padding-left: 45px;
}
.info-team img {
  -webkit-filter:grayscale(100%);
  margin-left: 30%;
}
.info-team:hover img{
    -webkit-filter:grayscale(0%);
    transition: 1s;
}
.info-team {
  display: inline-block;
}
.info-team img {
	border: 2px #d1ff83 solid;
	border-radius: 50%;
	margin-top: 5%;
	height: 150px;
	width: 150px;
}
.mid:hover .overlay {
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .service-item {
    width: calc(100% / 2);
  }
}

@media screen and (max-width: 425px) {
  .service-item {
    width: 100%;
  }
}
/*--- redimensionar --*/
@media screen and (max-width: 900px) {
	.content {
		padding-bottom: 30%;
	}
	.content h1 {
		font-size: 450%;
	}
  .content h2 {
    font-size: 300%;
  }
	.btn {
		font-size: 60%;
		padding: 9px 15px;
	}
}
@media screen and (max-width: 768px) {
	.content {
		padding-bottom: 30%;
	}
	.content h1 {
		font-size: 300%;
	}
  .content h2 {
    font-size: 200%;
  }
	.btn {
		font-size: 50%;
		padding: 7px 15px;
	}
}
@media screen and (max-width: 480px) {
	.content {
		padding-bottom: 50%;
	}
	.content h1 {
		font-size: 200%;
	}
  .content h2 {
    font-size: 150%;
  }
	.btn {
		font-size: 30%;
		padding: 6px 14px;
	}
}

{'fraction_non_alphanumeric': 0.1713879003558719, 'fraction_numerical': 0.0696085409252669, 'mean_word_length': 3.1623222748815167, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 6, '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': '3783417', 'n_tokens_mistral': 3394, 'n_tokens_neox': 2940, 'n_words': 665}