<commit_before>@charset "utf-8";
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
body {
	background: url('https://source.unsplash.com/collection/292287/') no-repeat center center fixed;
	background-size: cover;
	text-transform: lowercase;
	font-family: monospace;
	font-size: 18px;
	color: white;
    padding: 0;
    margin: 0;
}
div#background {
	position: absolute;
	height: 100%;
	width: 100%;
}
div.centerWrapper {
	transform: translateY(-50%);
	position: absolute;
	width: 50vw;
	left: 25vw;
	top: 50%;
}
div.timeDate {
	font-size: xx-large;
	padding: 0 15px 2.5rem;
}
ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.subMenu {
	display: none;
	width: 100%;
}
a {
	transition: all 0.15s;
	text-decoration: none;
	display: block;
	outline: none;
	padding: 15px;
	color: #111;
}
a:after {
	transition: all .15s;
	content: "→";
	opacity: 0;
}
a:hover:after, a.active:after {
	padding-left: 6px;
	opacity: 1;
}
a.parent:after        { content: "↓"; }
a.parent.active:after { content: "↑"; }
p {
	padding: 15px;
	margin: 0;
}
p.top, p.bottom {
	position: absolute;
	font-size: smaller;
	width: 100%;
}
p.top    { top:    0%; }
p.bottom { bottom: 0%; }
p a {
	display: inline-block;
	color: inherit;
	padding: 0;
}
p a:after { display: none; }
p a:hover { text-decoration: underline; }
.clear { clear: both; }
.left  { float: left; }
.right { float: right; }
.text-right { text-align: right; }
div.right, div.left { width: 50%; }
.no-transform { text-transform: none; }
ul.box li a { background-color: rgba(255, 255, 255, 0.4); }
ul li a:hover, ul li a.active, ul li a.active + ul.subMenu li a { background-color: rgba(255, 255, 255, 0.6); }
.fadeIn { animation: fadeIn 0.75s 0.75s both ease-in; }
@keyframes fadeIn {
	from { opacity: 0; }
	to   { opacity: 1; }
}
<commit_msg>added simple responsiveness<commit_after>@charset "utf-8";
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
body {
	background: url('https://source.unsplash.com/collection/292287/') no-repeat center center fixed;
	background-size: cover;
	text-transform: lowercase;
	font-family: monospace;
	font-size: 18px;
	color: white;
    padding: 0;
    margin: 0;
}
div#background {
	position: absolute;
	height: 100%;
	width: 100%;
}
div.centerWrapper {
	transform: translateY(-50%);
	position: absolute;
	width: 50vw;
	left: 25vw;
	top: 50%;
}
div.timeDate {
	font-size: xx-large;
	padding: 0 15px 2.5rem;
}
ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.subMenu {
	display: none;
	width: 100%;
}
a {
	transition: all 0.15s;
	text-decoration: none;
	display: block;
	outline: none;
	padding: 15px;
	color: #111;
}
a:after {
	transition: all .15s;
	content: "→";
	opacity: 0;
}
a:hover:after, a.active:after {
	padding-left: 6px;
	opacity: 1;
}
a.parent:after        { content: "↓"; }
a.parent.active:after { content: "↑"; }
p {
	padding: 15px;
	margin: 0;
}
p.top, p.bottom {
	position: absolute;
	font-size: smaller;
	width: 100%;
}
p.top    { top:    0%; }
p.bottom { bottom: 0%; }
p a {
	display: inline-block;
	color: inherit;
	padding: 0;
}
p a:after { display: none; }
p a:hover { text-decoration: underline; }
.clear { clear: both; }
.left  { float: left; }
.right { float: right; }
.text-right { text-align: right; }
div.right, div.left { width: 50%; }
.no-transform { text-transform: none; }
ul.box li a { background-color: rgba(255, 255, 255, 0.4); }
ul li a:hover, ul li a.active, ul li a.active + ul.subMenu li a { background-color: rgba(255, 255, 255, 0.6); }
.fadeIn { animation: fadeIn 0.75s 0.75s both ease-in; }
@keyframes fadeIn {
	from { opacity: 0; }
	to   { opacity: 1; }
}
@media (max-width: 700px) {
	ul.box div.left, ul.box div.right, div.timeDate div#time, div.timeDate div#date {
		text-align: center;
		float: none;
		width: 100%;
	}
	div.timeDate div { padding-bottom: 1rem; }
}

{'fraction_non_alphanumeric': 0.16468253968253968, 'fraction_numerical': 0.045882936507936505, 'mean_word_length': 2.989119683481701, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 2, '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': '1134383', 'n_tokens_mistral': 1728, 'n_tokens_neox': 1632, 'n_words': 413}