<commit_before>/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require_self
 */
@import "bourbon";
@import "neat";
@import "icons.css";

/* Main colors */
$dark-grey: #4D4D4D;
$body-color : #898989;
$body-light: #a2a2a2;
$mid-grey: #b4b4b4;
$light-grey: #e6e6e6;

$highlight: #FBB03B;
$highlight-dark: #F15A24;

/* Fonts options */
$font-light:'HelveticaNeueW01-45Ligh';
$font-regular:'HelveticaNeueW01-55Roma';
$font-medium:'HelveticaNeueW01-65Medi';
$font-bold:'HelveticaNeueW01-75Bold';

/* CSS Mini Reset */

html, body, div, form, fieldset, legend, label {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th, td {
	text-align: left;
	vertical-align: top;
}

img, iframe { border: 0; }

ul { padding: 0; }
ul li { list-style-type: none; }

a {
	text-decoration: none;
	color: $highlight;
}

/* GRID & Typography */
$max-width: 960px;
$gutter: 30px;
$border-box-sizing: false;

h2 {font-size: 2rem; font-family: $font-medium;}
h3 {font-size: 1.5rem; font-family: $font-medium;}
h4 {font-size: 1.3rem;}
$intro-size: 21px;
h5 {margin: 0}

/* LAYOUT */
body {
	font-family: $font-regular;
	font-size: 16px;
	line-height: 1.625;
	color: $body-color;
}

.main-container {
	@include outer-container;
}

/* HEADER */
.header {
	@include outer-container;
}

.logo {
	float: left;
	@include span-columns(2.4);
	margin-top: 2.6rem;
}

.logo a {
	color: $highlight;
	text-decoration: none;
}

.main-nav > li {
	@include span-columns(2.2);
	padding: 53px 0 44px;
	position: relative;
}

.main-nav {

	a {
		display: block;
		color: $body-color;
		text-decoration: none;
	}

	strong {
		display: block;
		margin-bottom: -0.28rem;
		font-family: $font-medium;
		font-size: 1.25rem;
		font-weight: normal;
		line-height: 1;
	}

	span {
		text-transform: uppercase;
		font-size: 0.6rem;
		font-family: $font-medium;
	}

	li.active {
		border-top: 3px solid orange;
	}

	li.active, li:hover {
		a {
      		color: $highlight;
		}
	}

	.submenu {
		line-height: 1.4;
		margin: 0 0 -0.8rem;
		top: 5.8rem;
		font-family: $font-medium;
		display: none;
		@include transition(all 0.5s ease-in);
	}

	li:hover .submenu {
		display: block;

		a {
			color: $body-color;
		}

		a:hover {
			color: $highlight;
		}
	}

}

.em-header .main-nav a {
	color: #FFF;
}

/* FOOTER */
.footer {
	background-color: $light-grey;
	padding: 1.5em;
	margin-top: 2rem;
}

/* MOCKUP */
/* .home { background: url(/assets/00-home.png) -30px 0; } */
/* .home-em { background: url(/assets/01-home-em.png) center top no-repeat; } */
/* .connect { background: url(/assets/03-connect.png) -30px 0; } */
/* .prepare { background: url(/assets/04a-prepare.png) -30px 0; } */
.prepare-popup { background: url(/assets/04b-prepare-popup.png) center 0 no-repeat; }
/* .stories { background: url(/assets/05-stories.png) -30px 0; } */
/* .story-detail { background: url(/assets/06-story-detail.png) -30px 0; } */
/* .things { background: url(/assets/07-things.png) -30px 0; } */
/* .about { background: url(/assets/08-about.png) -30px 0; } */

/* HOME */
.video-opening {
	width: 100%;
	height: 33.5rem;
}

.intro-row {
	@include outer-container;
}

.main-intro {
	@include span-columns(7);
	padding-left: 1.8rem;
	margin-bottom: 2.9rem;
}

.intro-app {
	@include span-columns(3.5);
	@include shift(1);
	margin-top: 3.5rem;
	font-family: $font-medium;
	font-size: 1.125rem;<commit_msg>footer by-line styles<commit_after>/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require_self
 */
@import "bourbon";
@import "neat";
@import "icons.css";

/* Main colors */
$dark-grey: #4D4D4D;
$body-color : #898989;
$body-light: #a2a2a2;
$mid-grey: #b4b4b4;
$light-grey: #e6e6e6;

$highlight: #FBB03B;
$highlight-dark: #F15A24;

/* Fonts options */
$font-light:'HelveticaNeueW01-45Ligh';
$font-regular:'HelveticaNeueW01-55Roma';
$font-medium:'HelveticaNeueW01-65Medi';
$font-bold:'HelveticaNeueW01-75Bold';

/* CSS Mini Reset */

html, body, div, form, fieldset, legend, label {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th, td {
	text-align: left;
	vertical-align: top;
}

img, iframe { border: 0; }

ul { padding: 0; }
ul li { list-style-type: none; }

a {
	text-decoration: none;
	color: $highlight;
}

/* GRID & Typography */
$max-width: 960px;
$gutter: 30px;
$border-box-sizing: false;

h2 {font-size: 2rem; font-family: $font-medium;}
h3 {font-size: 1.5rem; font-family: $font-medium;}
h4 {font-size: 1.3rem;}
$intro-size: 21px;
h5 {margin: 0}

/* LAYOUT */
body {
	font-family: $font-regular;
	font-size: 16px;
	line-height: 1.625;
	color: $body-color;
}

.main-container {
	@include outer-container;
}

/* HEADER */
.header {
	@include outer-container;
}

.logo {
	float: left;
	@include span-columns(2.4);
	margin-top: 2.6rem;
}

.logo a {
	color: $highlight;
	text-decoration: none;
}

.main-nav > li {
	@include span-columns(2.2);
	padding: 53px 0 44px;
	position: relative;
}

.main-nav {

	a {
		display: block;
		color: $body-color;
		text-decoration: none;
	}

	strong {
		display: block;
		margin-bottom: -0.28rem;
		font-family: $font-medium;
		font-size: 1.25rem;
		font-weight: normal;
		line-height: 1;
	}

	span {
		text-transform: uppercase;
		font-size: 0.6rem;
		font-family: $font-medium;
	}

	li.active {
		border-top: 3px solid orange;
	}

	li.active, li:hover {
		a {
      		color: $highlight;
		}
	}

	.submenu {
		line-height: 1.4;
		margin: 0 0 -0.8rem;
		top: 5.8rem;
		font-family: $font-medium;
		display: none;
		@include transition(all 0.5s ease-in);
	}

	li:hover .submenu {
		display: block;

		a {
			color: $body-color;
		}

		a:hover {
			color: $highlight;
		}
	}

}

.em-header .main-nav a {
	color: #FFF;
}

/* FOOTER */
.footer {
	background-color: $light-grey;
	padding: 1.5em;
	margin-top: 2rem;
}

.by-line {
	@include span-columns(4);
	@include shift(0.7);
	position: relative;
	margin-top: 1.2rem;
	font-size: 0.9rem;
	line-height: 1.25;
}

.by-line:before {
	font-family: 'sf72-icons';
	font-size: 1.8rem;
	content: 'y';
	color: $dark-grey;
	position: absolute;
	top: 1rem;
	left: -3.5rem;
}

/* MOCKUP */
/* .home { background: url(/assets/00-home.png) -30px 0; } */
/* .home-em { background: url(/assets/01-home-em.png) center top no-repeat; } */
/* .connect { background: url(/assets/03-connect.png) -30px 0; } */
/*.prepare { background: url(/assets/04a-prepare.png) -30px 0; } */
/* .prepare-popup { background: url(/assets/04b-prepare-popup.png) center 0 no-repeat; } */
/* .stories { background: url(/assets/05-stories.png) -30px 0; } */
/* .story-detail { background: url(/assets/06-story-detail.png) -30px 0; } */
/* .things { background: url(/assets/07-things.png) -30px 0; } */
/* .about { background: url(/assets/08-about.png) -30px 0; } */

/* HOME */
.video-opening {
	width: 100%;
	height: 33.5rem;
}

.intro-row {
	@include outer-container;
}

.main-intro {
	@include span-columns(7);
	padding-left: 1.8rem;
	margin-bottom: 2.9rem;
}

.intro-app {
	@include span-columns(3.5);
	@include shift(1);
	margin-top: 3.5rem;
	font-family: $font-medium;
	font-size: 1.125rem;
{'fraction_non_alphanumeric': 0.17420729414713623, 'fraction_numerical': 0.042737185110916155, 'mean_word_length': 3.353518821603928, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '1773159', 'n_tokens_mistral': 3541, 'n_tokens_neox': 3213, 'n_words': 755}