<commit_before>@font-face {
	font-family: 'Great Vibes';
	src: url('greatvibes.woff');
}

:root {
	--yellow: hsl(61, 86%, 77%);
	--lightblue: hsl(145, 34%, 89%);
	--blue: hsl(190, 52%, 50%);
	--magenta: hsl(350, 80%, 55%);
	--darkgray: hsl(227, 15%, 24%);

	--body-font: Optima, Candara, sans-serif;
}

body {
	margin: auto;
	font: 100%/1.6 Optima, Candara, sans-serif;
	font-kerning: normal;
	font-synthesis: none;
	background-color: white;
	color: hsl(227, 15%, 24%);
}
	
	@keyframes pulse {
		to { line-height: 3; }
	}

	body[data-loading]::before {
		content: "Loading…";
		position: fixed;
		bottom: 50%;
		left: 50%;
		transform: translate(-50%, 50%);
		z-index: 2;
		padding: .5em .8em;
		border-radius: .3em;
		background: rgba(0,0,0,.5);
		color: white;
		font-size: 120%;
		animation: pulse .5s alternate infinite;
	}

a {
	color: hsl(190, 52%, 50%);
}

	a:not(:hover) {
		text-decoration: none;
	}

button, .button {
	display: inline-block;
	padding: 0 .5em;
	border: 0;
	border-radius: .3em;
	margin: 0 .2em;
	background: hsl(190, 52%, 50%);
	color: white;
	font: inherit;
	text-decoration: none;
	font-size: 80%;
	font-weight: 100;
	text-transform: uppercase;
	cursor: pointer;
}

	button:hover,
	.button:hover {
		background: hsl(350, 80%, 55%);
	}

ul {
	padding: 0;
}

h1 {
	margin: 1em 0 0;
	font-family: Great Vibes;
	font-size: 300%;
	line-height: 1.2;
	font-weight: normal;
	color: hsl(350, 80%, 55%);
}

section section h1,
section article h1,
h2 {
	margin: 2em 0 0;
	font-family: inherit;
	font-size: 150%;
	font-weight: bold;
}

section section section h1,
section section article h1,
section h2 {
	font-size: 120%;
	color: hsl(227, 10%, 50%);
}

body > header,
body > nav,
body > section,
body > footer {
	padding: 0 calc(50% - 24rem);
}

	@media (max-width: 50em) {
		body > header,
		body > nav,
		body > section,
		body > footer {
			padding: 0 2em;
		}
	}

	@media (min-width: 100em) {
		body > header,
		body > nav,
		body > section,
		body > footer {
			padding: 0 calc(50% - 35rem);
		}
	}

@keyframes move {
	from { background-position: -7.5em 100%, -5em 100%, -10em 100%, -20em 100%; }
}

body > header {
	position: relative;
	padding-top: .5em;
	font-size: 200%;
	color: hsl(190, 52%, 50%);
	
	background: radial-gradient(circle at 50% 90%, white 1em, transparent 0) -2.5em 100% / 5em 5em,
	            radial-gradient(circle at bottom, white 1.5em, hsl(145, 34%, 99%) 2em, transparent 0) 0em 100% / 5em 5em,
	            radial-gradient(circle at bottom, white 2em, hsl(145, 34%, 99%) 3em, transparent 0) 0 100% / 10em 10em,
	            radial-gradient(circle at bottom, white 3em, hsl(145, 34%, 98%) 4em, transparent 0) 0em 100% / 20em 20em;
	background-repeat: repeat-x;
	background-color: hsl(145, 34%, 89%);
	animation: 20s move infinite linear;<commit_msg>Fixed header clouds on Firefox<commit_after>@font-face {
	font-family: 'Great Vibes';
	src: url('greatvibes.woff');
}

:root {
	--yellow: hsl(61, 86%, 77%);
	--lightblue: hsl(145, 34%, 89%);
	--blue: hsl(190, 52%, 50%);
	--magenta: hsl(350, 80%, 55%);
	--darkgray: hsl(227, 15%, 24%);

	--body-font: Optima, Candara, sans-serif;
}

body {
	margin: auto;
	font: 100%/1.6 Optima, Candara, sans-serif;
	font-kerning: normal;
	font-synthesis: none;
	background-color: white;
	color: hsl(227, 15%, 24%);
}
	
	@keyframes pulse {
		to { line-height: 3; }
	}

	body[data-loading]::before {
		content: "Loading…";
		position: fixed;
		bottom: 50%;
		left: 50%;
		transform: translate(-50%, 50%);
		z-index: 2;
		padding: .5em .8em;
		border-radius: .3em;
		background: rgba(0,0,0,.5);
		color: white;
		font-size: 120%;
		animation: pulse .5s alternate infinite;
	}

a {
	color: hsl(190, 52%, 50%);
}

	a:not(:hover) {
		text-decoration: none;
	}

button, .button {
	display: inline-block;
	padding: 0 .5em;
	border: 0;
	border-radius: .3em;
	margin: 0 .2em;
	background: hsl(190, 52%, 50%);
	color: white;
	font: inherit;
	text-decoration: none;
	font-size: 80%;
	font-weight: 100;
	text-transform: uppercase;
	cursor: pointer;
}

	button:hover,
	.button:hover {
		background: hsl(350, 80%, 55%);
	}

ul {
	padding: 0;
}

h1 {
	margin: 1em 0 0;
	font-family: Great Vibes;
	font-size: 300%;
	line-height: 1.2;
	font-weight: normal;
	color: hsl(350, 80%, 55%);
}

section section h1,
section article h1,
h2 {
	margin: 2em 0 0;
	font-family: inherit;
	font-size: 150%;
	font-weight: bold;
}

section section section h1,
section section article h1,
section h2 {
	font-size: 120%;
	color: hsl(227, 10%, 50%);
}

body > header,
body > nav,
body > section,
body > footer {
	padding: 0 calc(50% - 24rem);
}

	@media (max-width: 50em) {
		body > header,
		body > nav,
		body > section,
		body > footer {
			padding: 0 2em;
		}
	}

	@media (min-width: 100em) {
		body > header,
		body > nav,
		body > section,
		body > footer {
			padding: 0 calc(50% - 35rem);
		}
	}

@keyframes move {
	from { background-position: -7.5em 100%, -5em 100%, -10em 100%, -20em 100%; }
}

body > header {
	position: relative;
	padding-top: .5em;
	font-size: 200%;
	color: hsl(190, 52%, 50%);
	
	background: radial-gradient(circle at 50% 90%, white 1em, transparent 0) -2.5em 100% / 5em 5em,
	            radial-gradient(circle at bottom, white 1.5em, hsl(145, 34%, 99%) 2em, hsla(145, 34%, 99%, 0) 0) 0em 100% / 5em 5em,
	            radial-gradient(circle at bottom, white 2em, hsl(145, 34%, 99%) 3em, hsla(145, 34%, 99%, 0) 0) 0 100% / 10em 10em,
	            radial-gradient(circle at bottom, white 3em, hsl(145, 34%, 98%) 4em, hsla(145, 34%, 99%, 0) 0) 0em 100% / 20em 20em;
	background-repeat: repeat-x;
	background-color: hsl(145, 34%, 89%);
	animation: 20s move infinite linear;
{'fraction_non_alphanumeric': 0.17487597448618, 'fraction_numerical': 0.0963855421686747, 'mean_word_length': 3.35570987654321, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 29, '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': '2682002', 'n_tokens_mistral': 2858, 'n_tokens_neox': 2278, 'n_words': 648}