<commit_before>body {
	/*background-image: url(https://i.imgur.com/qI2VMr0.jpg);*/
	background-size: cover;
	background-position: center;
	background-color: #1a1a1a;
	color: rgba(255,255,255,0.8);
}

html {
	height: 100%;
}

.navbar {
	background-color: #2a2a2a;
}

#content {
	text-align: center;
	padding-top: 15%;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
				 0px 8px 13px rgba(0,0,0,0.1),
				 0px 18px 23px rgba(0,0,0,0.1);
}
video#bgvid { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(https://i.imgur.com/qI2VMr0.jpg) no-repeat;
    background-size: cover; 
    opacity: 0.8;
}
@media screen and (max-device-width: 800px) {
    html {
         background: url(https://i.imgur.com/qI2VMr0.jpg) #000 no-repeat center center fixed;
    }
    #bgvid {
        display: none;
    }
}
hr {
	width: 400px;
	border-top: 1px solid #f8f8f8;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	max-width: 90%;
}

h1 {
	/*font-size: 4em;*/
	font-size: calc(46px + (60 - 46) * ((100vw - 300px) / (1600 - 300)));
}

h3 {
	font-size: calc(18px + (26 - 18) * ((100vw - 300px) / (1600 - 300)));
}

a:link {
	color: #c3c3c3;
	text-decoration: none;
}

a:visited {
	color: #c3c3c3;
	text-decoration: none;

}

.btn {
	background-color: #1a1a1a;
	border: 1px solid #4a4a4a;
}

.btn:hover {
	background-color: #3a3a3a;
	/*color: white;*/
}
<commit_msg>update for mobile sizing<commit_after>body {
	/*background-image: url(https://i.imgur.com/qI2VMr0.jpg);*/
	background-size: cover;
	background-position: center;
	background-color: #1a1a1a;
	color: rgba(255,255,255,0.8);
}

html {
	height: 100%;
}

.navbar {
	background-color: #2a2a2a;
}

#content {
	text-align: center;
	padding-top: 15%;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
				 0px 8px 13px rgba(0,0,0,0.1),
				 0px 18px 23px rgba(0,0,0,0.1);
}
video#bgvid { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(https://i.imgur.com/qI2VMr0.jpg) no-repeat;
    background-size: cover; 
    opacity: 0.8;
}
@media screen and (max-device-width: 800px) {
    body {
    background-image: url(https://i.imgur.com/qI2VMr0.jpg);
	background-size: cover;
	background-position: center;
	background-color: #1a1a1a;
	color: rgba(255,255,255,0.8);
    }
    #bgvid {
        display: none;
    }
}
hr {
	width: 400px;
	border-top: 1px solid #f8f8f8;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	max-width: 90%;
}

h1 {
	/*font-size: 4em;*/
	font-size: calc(46px + (60 - 46) * ((100vw - 300px) / (1600 - 300)));
}

h3 {
	font-size: calc(18px + (26 - 18) * ((100vw - 300px) / (1600 - 300)));
}

a:link {
	color: #c3c3c3;
	text-decoration: none;
}

a:visited {
	color: #c3c3c3;
	text-decoration: none;

}

.btn {
	background-color: #1a1a1a;
	border: 1px solid #4a4a4a;
}

.btn:hover {
	background-color: #3a3a3a;
	/*color: white;*/
}

{'fraction_non_alphanumeric': 0.18857475954532207, 'fraction_numerical': 0.0988050131157097, 'mean_word_length': 3.1751824817518246, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 6, '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': '2386552', 'n_tokens_mistral': 1716, 'n_tokens_neox': 1477, 'n_words': 290}