<commit_before>/* @TODO */
.userAvatarImage { border-radius: 50%; }
/* @TODO END */

html, body {
	height: 100%;
	
	@include wcfLineHeight;
	@include wcfFontDefault;
}

body {
	font-family: $wcfFontFamily;
	position: relative;
	word-wrap: break-word;
}

a {
	cursor: pointer;
	text-decoration: none;
	
	&:hover {
		text-decoration: none;
	}
}

#pageContainer {
	display: flex;
	height: 100%;
	flex-direction: column;
}

/* COLUMN LAYOUT */
.pageHeaderContainer {
	flex: 0 0 auto;
}

.main {
	background-color: $wcfContentBackground;
	color: $wcfContentText;
	flex: 1 0 auto;
	
	@include large-screen-only {
		padding: 60px 0;
	}
	
	@include small-screen-only {
		padding: 30px 0;
	}
	<commit_msg>Forcing content container to stay inside screen width<commit_after>/* @TODO */
.userAvatarImage { border-radius: 50%; }
/* @TODO END */

html, body {
	height: 100%;
	
	@include wcfLineHeight;
	@include wcfFontDefault;
}

body {
	font-family: $wcfFontFamily;
	position: relative;
	word-wrap: break-word;
}

a {
	cursor: pointer;
	text-decoration: none;
	
	&:hover {
		text-decoration: none;
	}
}

#pageContainer {
	display: flex;
	height: 100%;
	flex-direction: column;
}

/* COLUMN LAYOUT */
.pageHeaderContainer {
	flex: 0 0 auto;
}

.main {
	background-color: $wcfContentBackground;
	color: $wcfContentText;
	flex: 1 0 auto;
	
	@include large-screen-only {
		padding: 60px 0;
	}
	
	@include small-screen-only {
		padding: 30px 0;
		width: 100%;
	}
	
{'fraction_non_alphanumeric': 0.14167242570836214, 'fraction_numerical': 0.026952315134761574, 'mean_word_length': 3.641025641025641, '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': '246736', 'n_tokens_mistral': 619, 'n_tokens_neox': 553, 'n_words': 135}