<commit_before>body {
	font-family: 'Fira Sans', sans-serif;
	padding: 20px;
	margin: 0;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;

	@media (min-width: 992px) {
		padding: 35px 50px;
	}

}

h2, h3, h4, h5 {
	margin: 45px 0 25px;
}

img {
	max-width: 100%;
}

a {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid #000;

	&.image {
		display: block;
		text-align: center;
		border: 0;
		border-radius: 5px;
		margin: 30px 0;
	}

}

mark {
	background: #FFFC76;
	padding: 0 5px;
}

blockquote {
	border-left: 5px solid #20FFB4;
	margin: 40px 0;
	padding-left: 30px;
}

span[data-note] {
	font-size: 12px;
	background: #c1c1c1;
	color: #fff;
	font-weight: 700;
	display: inline-block;
	padding: 0 12px;
	border-radius: 10px;
	vertical-align: 1px;
	line-height: 18px;
	cursor: pointer;
	margin: 0 2px;
	transition: background 0.3s;
	-webkit-user-select: none;

	&:hover,
	&.open {
		background: #838383;
	}

}

.note {
	background: #fff;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
	padding: 20px 20px 50px;
	position: fixed;
	bottom: 0;
	left: 0;
	transition-property: transform;
	transition-duration: 0.6s;
	transition-timing-function: ease;
	transform: translateY(100%);
	font-size: 14px;
	line-height: 1.7em;

	&.shown {
		transform: translateY(0);
	}

	@media( min-width: 768px ) {
		max-width: 400px;
		padding-bottom: 20px;
		right: 40px;
		left: auto;
		bottom: 40px;
		border-radius: 8px;
		transition-property: opacity, transform;
		transition-duration: 0.3s;
		opacity: 0;
		transform: scale(0.1) translateZ(0);

		&.shown {<commit_msg>Fixed the size of the footnote links on landscape mode<commit_after>body {
	font-family: 'Fira Sans', sans-serif;
	padding: 20px;
	margin: 0;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;

	@media (min-width: 992px) {
		padding: 35px 50px;
	}

}

h2, h3, h4, h5 {
	margin: 45px 0 25px;
}

img {
	max-width: 100%;
}

a {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid #000;

	&.image {
		display: block;
		text-align: center;
		border: 0;
		border-radius: 5px;
		margin: 30px 0;
	}

}

mark {
	background: #FFFC76;
	padding: 0 5px;
}

blockquote {
	border-left: 5px solid #20FFB4;
	margin: 40px 0;
	padding-left: 30px;
}

span[data-note] {
	font-size: 0.8em;
	background: #c1c1c1;
	color: #fff;
	font-weight: 700;
	display: inline-block;
	padding: 0 12px;
	border-radius: 10px;
	vertical-align: middle;
	line-height: 18px;
	cursor: pointer;
	margin: 0 2px;
	transition: background 0.3s;
	-webkit-user-select: none;

	&:hover,
	&.open {
		background: #838383;
	}

	@media (min-width: 768px) {
		vertical-align: 1px;
	}

}

.note {
	background: #fff;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
	padding: 20px 20px 50px;
	position: fixed;
	bottom: 0;
	left: 0;
	transition-property: transform;
	transition-duration: 0.6s;
	transition-timing-function: ease;
	transform: translateY(100%);
	font-size: 14px;
	line-height: 1.7em;

	&.shown {
		transform: translateY(0);
	}

	@media (min-width: 768px) {
		max-width: 400px;
		padding-bottom: 20px;
		right: 40px;
		left: auto;
		bottom: 40px;
		border-radius: 8px;
		transition-property: opacity, transform;
		transition-duration: 0.3s;
		opacity: 0;
		transform: scale(0.1) translateZ(0);

		&.shown {
{'fraction_non_alphanumeric': 0.1497539975399754, 'fraction_numerical': 0.07349323493234933, 'mean_word_length': 3.6207386363636362, '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': '2707143', 'n_tokens_mistral': 1639, 'n_tokens_neox': 1375, 'n_words': 340}