<commit_before>@-moz-viewport {width: device-width; scale:1;}
@-ms-viewport {width: device-width; scale:1;}
@-o-viewport {width: device-width; scale:1;}
@-webkit-viewport {width: device-width; scale:1;}
@viewport {width: device-width; scale:1;}

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font: normal 100%/1.5 helvetica,sans-serif;
	font-size: 16px;
	background-color: #ffffff;
}
section {
	padding-top: 7%;
	margin: 1em;
	margin-top: 0;
}
img {
	display: block;
	margin: 0 auto;
}

header {
	background-color: #ffffff;
	padding-bottom: 10%;
	background: transparent url("../images/landscape.jpg") no-repeat center top;
	background-size: cover;
	margin: 0;
}

header nav ul {
	list-style: none;
	margin: 0;
	padding:0;
	padding-top: 1em;
	text-align: center;
}

header nav li {
	padding: 0 0 .5em 0;
	letter-spacing: 10px;
	text-transform: uppercase;
	font-size: .7em;
}

header nav li a {
	text-decoration: none;
	color: #ffffff;
	padding-right: 1.5em;
}

header nav li a:hover {
	color: #993333;
}

h2 {
	letter-spacing: 10px;
	font-size: 100%;
	text-align: center;
	font-size: .9em;
	padding-bottom: 2em;
	text-transform: uppercase;
	color: #333333;
}

h3 {
	color: #333333;
}


p {
	font-size: 1em;
	color: #333333;
	margin: 0;
	padding-bottom: 2.2em;
}

.logo {
	width: 60%;
	height: auto;
}

.logo-wrap {
	margin: 0;
	padding-top: 15%;
}

.fixed-nav {
	background-color: #333333;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}

.fixed-nav ul {
	padding-top: 0.2em;
}

.about-section{
	margin-bottom: 2em;
}

.about-section p {
	border-bottom: 5px solid #993333;
}

.work-list {
	padding: 5% 0 0 0;
}

.work-list figure {
	margin:0;
	display:block;
	color: #999;
	position: relative;
	width: 100%;
	height: 100%;
}

.work-list img {
	display:block;
	width: 100%;
}

.work-list li {
	display:inline-block;
	width: 100%;
}


.overlay {
	display: block;
	position: absolute;
	background-color: #993333;
	opacity: 0;
	width: 100%;
	height: 100%;

	transition: all 200ms linear;
}

.overlay:hover	{
	opacity: .8;
}

h4 {
	padding: 20% 0 0 0;
	color: #ffffff;
	font-style: normal;
	text-align: center;
}

footer {
	background-color: #333333;
	padding: 5em;
}

footer nav {
	width: 100%;
	margin: 0 auto;
}

footer h2 {
		color: #ffffff;
}

footer nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

footer nav ul li {
	display: inline-block;
	width: 23%;

}

footer nav ul li span {
	display: none;
}

footer nav a {
	width: 3em;
	height: 2em;
	display: block;
	margin: 0 auto;
}

.email {
	background-image: url("../images/email-dark.svg");
}
.linkedin {
	background-image: url("../images/linkedin-dark.svg");
}
.behance {
	background-image: url("../images/behance-dark.svg");
}
.vimeo {
	background-image: url("../images/vimeo-dark.svg");
}

.email:hover {
	background-image: url("../images/email-white.svg");
}
.linkedin:hover {
	background-image: url("../images/linkedin-white.svg");
}
.behance:hover {
	background-image: url("../images/behance-white.svg");
}
.vimeo:hover {
	background-image: url("../images/vimeo-white.svg");
}

@media only screen and (min-width: 20em) {

	header nav li {
	display: inline-block;
}
}

@media only screen and (min-width: 40em) {
	

h2 {
	text-align: left;
}	

h3 {
	font-size: 3em;
	margin: 0 15% 0 15%;
}

p {
	margin: 0 15% 0 15%;
}

section {
	padding-top: 7%;
	margin: 5em;
	margin-top: 0;
}

.logo {
	width: 40%;
	height: auto;
}

	.work-list {
		text-align: left;
		list-style-type: none;
		margin:0px -10px;
		padding:0px;
	}

	.work-list a,
	.work-list a:link,
	.work-list a:visited {
		border: 0px;
		color: #000;
		font-style:italic;
		text-decoration: none;
	}

	.work-list img {
		display:block;
		width: 100%;
	}
	.work-list li {
		display:inline-block;
		width: 49%;
	}

	footer nav {
		width: 60%;
	}

}

@media only screen and (min-width: 55em) {

	header nav ul {
		text-align: right;
	}

}

@media only screen and (min-width: 60em) {

	.work-section{
	}

	.work-list {
		text-align: left;
		list-style-type: none;<commit_msg>Footer Icon Spacing<commit_after>@-moz-viewport {width: device-width; scale:1;}
@-ms-viewport {width: device-width; scale:1;}
@-o-viewport {width: device-width; scale:1;}
@-webkit-viewport {width: device-width; scale:1;}
@viewport {width: device-width; scale:1;}

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font: normal 100%/1.5 helvetica,sans-serif;
	font-size: 16px;
	background-color: #ffffff;
}
section {
	padding-top: 7%;
	margin: 1em;
	margin-top: 0;
}
img {
	display: block;
	margin: 0 auto;
}

header {
	background-color: #ffffff;
	padding-bottom: 10%;
	background: transparent url("../images/landscape.jpg") no-repeat center top;
	background-size: cover;
	margin: 0;
}

header nav ul {
	list-style: none;
	margin: 0;
	padding:0;
	padding-top: 1em;
	text-align: center;
}

header nav li {
	padding: 0 0 .5em 0;
	letter-spacing: 10px;
	text-transform: uppercase;
	font-size: .7em;
}

header nav li a {
	text-decoration: none;
	color: #ffffff;
	padding-right: 1.5em;
}

header nav li a:hover {
	color: #993333;
}

h2 {
	letter-spacing: 10px;
	font-size: 100%;
	text-align: center;
	font-size: .9em;
	padding-bottom: 2em;
	text-transform: uppercase;
	color: #333333;
}

h3 {
	color: #333333;
}


p {
	font-size: 1em;
	color: #333333;
	margin: 0;
	padding-bottom: 2.2em;
}

.logo {
	width: 60%;
	height: auto;
}

.logo-wrap {
	margin: 0;
	padding-top: 15%;
}

.fixed-nav {
	background-color: #333333;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}

.fixed-nav ul {
	padding-top: 0.2em;
}

.about-section{
	margin-bottom: 2em;
}

.about-section p {
	border-bottom: 5px solid #993333;
}

.work-list {
	padding: 5% 0 0 0;
}

.work-list figure {
	margin:0;
	display:block;
	color: #999;
	position: relative;
	width: 100%;
	height: 100%;
}

.work-list img {
	display:block;
	width: 100%;
}

.work-list li {
	display:inline-block;
	width: 100%;
}


.overlay {
	display: block;
	position: absolute;
	background-color: #993333;
	opacity: 0;
	width: 100%;
	height: 100%;

	transition: all 200ms linear;
}

.overlay:hover	{
	opacity: .8;
}

h4 {
	padding: 20% 0 0 0;
	color: #ffffff;
	font-style: normal;
	text-align: center;
}

footer {
	background-color: #333333;
	padding: 5em;
}

footer nav {
	width: 100%;
	margin: 0 auto;
}

footer h2 {
		color: #ffffff;
}

footer nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

footer nav ul li {
	display: inline;
	width: 17%;
}

footer nav ul li span {
	display: none;
}

footer nav a {
	width: 3em;
	height: 2em;
	display: block;
	margin: 1.5em auto;
}

.email {
	background-image: url("../images/email-dark.svg");
}
.linkedin {
	background-image: url("../images/linkedin-dark.svg");
}
.behance {
	background-image: url("../images/behance-dark.svg");
}
.vimeo {
	background-image: url("../images/vimeo-dark.svg");
}

.email:hover {
	background-image: url("../images/email-white.svg");
}
.linkedin:hover {
	background-image: url("../images/linkedin-white.svg");
}
.behance:hover {
	background-image: url("../images/behance-white.svg");
}
.vimeo:hover {
	background-image: url("../images/vimeo-white.svg");
}

@media only screen and (min-width: 20em) {

	header nav li {
	display: inline-block;
}
}


@media only screen and (min-width: 34em) {

footer nav ul li {
	display: inline-block;
	width: 23%;

}	

}

@media only screen and (min-width: 40em) {
	

h2 {
	text-align: left;
}	

h3 {
	font-size: 3em;
	margin: 0 15% 0 15%;
}

p {
	margin: 0 15% 0 15%;
}

section {
	padding-top: 7%;
	margin: 5em;
	margin-top: 0;
}

.logo {
	width: 40%;
	height: auto;
}

	.work-list {
		text-align: left;
		list-style-type: none;
		margin:0px -10px;
		padding:0px;
	}

	.work-list a,
	.work-list a:link,
	.work-list a:visited {
		border: 0px;
		color: #000;
		font-style:italic;
		text-decoration: none;
	}

	.work-list img {
		display:block;
		width: 100%;
	}
	.work-list li {
		display:inline-block;
		width: 49%;
	}

	footer nav {
		width: 60%;
	}

}



@media only screen and (min-width: 55em) {

	header nav ul {
		text-align: right;
	}

}

@media only screen and (min-width: 60em) {

	.work-section{
	}

	.work-list {
		text-align: left;
		list-style-type: none;
{'fraction_non_alphanumeric': 0.17228509511196724, 'fraction_numerical': 0.05140862027450036, 'mean_word_length': 3.322060353798127, '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': '447000', 'n_tokens_mistral': 3952, 'n_tokens_neox': 3517, 'n_words': 847}