<commit_before>@import "lib/zooniverse-i18n.css";
@import "lib/zooniverse-bar.css";

@import "constants";
@import "details";
@import "home";
@import "sonogram-player";
@import "sonogram-classifier";
@import "field-guide";
@import "profile";

html {
	background: url("background-noise.jpg");
	color: $white;
	font: 12px Titillium, "Helvetica Neue", Arial, sans-serif;
	overflow-y: scroll; // Force scroll bar to prevent jumping.

	> body {
		margin: 0;
		padding-top: 15px;

		&:before {
			$barely-white: transparentize($white, 0.90);
			$not-white: transparentize($white, 1);

			$gradient-width: $full-width * 1.5;
			$gradient-half-width: $gradient-width / 2;

			@include radial-gradient(#{$barely-white, $not-white, $not-white});
			content: " ";
			height: $gradient-width;
			left: 50%;
			margin: {
				left: -$gradient-half-width;
				top: -$gradient-half-width;
			};
			position: fixed;
			top: 50%;
			width: $gradient-width;
		}

		> header {
			margin: 10px 0;
			position: relative;
			z-index: 5;

			> nav {
				position: relative;

				> ul {
					@include contain-floats;
					margin: 0;
					padding: 0;
					text-align: center;

					> li {
						display: inline-block;

						&:first-child {<commit_msg>Thicker header font in WebKit<commit_after>@import "lib/zooniverse-i18n.css";
@import "lib/zooniverse-bar.css";

@import "constants";
@import "details";
@import "home";
@import "sonogram-player";
@import "sonogram-classifier";
@import "field-guide";
@import "profile";

html {
	background: url("background-noise.jpg");
	color: $white;
	font: 12px Titillium, "Helvetica Neue", Arial, sans-serif;
	overflow-y: scroll; // Force scroll bar to prevent jumping.

	> body {
		margin: 0;
		padding-top: 15px;

		&:before {
			$barely-white: transparentize($white, 0.90);
			$not-white: transparentize($white, 1);

			$gradient-width: $full-width * 1.5;
			$gradient-half-width: $gradient-width / 2;

			@include radial-gradient(#{$barely-white, $not-white, $not-white});
			content: " ";
			height: $gradient-width;
			left: 50%;
			margin: {
				left: -$gradient-half-width;
				top: -$gradient-half-width;
			};
			position: fixed;
			top: 50%;
			width: $gradient-width;
		}

		> header {
			margin: 10px 0;
			position: relative;
			z-index: 5;

			> nav {
				position: relative;
				-webkit-text-stroke: 0.5px; // WebKit draws Titillium really really thin.

				> ul {
					@include contain-floats;
					margin: 0;
					padding: 0;
					text-align: center;

					> li {
						display: inline-block;

						&:first-child {
{'fraction_non_alphanumeric': 0.16391509433962265, 'fraction_numerical': 0.019654088050314465, 'mean_word_length': 3.1517128874388254, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 13, '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': '2922592', 'n_tokens_mistral': 1153, 'n_tokens_neox': 905, 'n_words': 212}