<commit_before>
$sectionBorder=1px solid #ddd
$desktopBreakpoint=600px
$desktopSidebarWidth=39%
$desktopIpsumWidth=(100% - $desktopSidebarWidth)
$sidebarBgColor=#F2EEEE

@import 'reset'
@import 'modal'
@import 'animations/rotate';

*
	box-sizing border-box

body
html
	height 100%
	width 100%

body
	display flex
	flex-direction column
	align-items center
	font-family 'Open Sans', sans-serif

	p
		margin-bottom 1rem
		line-height 1.2

	@media screen and (min-width: $desktopBreakpoint)
		align-items flex-start

body
a
	color #000

header
footer
#jamon-controls
	width 100%
	max-width 600px
	background-color $sidebarBgColor

	@media screen and (min-width: $desktopBreakpoint)
		width $desktopSidebarWidth
		border-right $sectionBorder

		> div
			margin-bottom 2rem

#ipsum-result-container
	flex-grow 1
	padding 2rem
	color #555
	width 100%
	max-width 600px

	@media screen and (min-width: $desktopBreakpoint)
		position absolute
		right 0
		top 0
		width $desktopIpsumWidth
		height 100vh
		padding 3rem
		overflow auto

header
	padding 1rem
	border-bottom $sectionBorder

header
	@media screen and (min-width: $desktopBreakpoint)
		padding-top 2rem
<commit_msg>Whoops centering fix for desktop<commit_after>
$sectionBorder=1px solid #ddd
$desktopBreakpoint=600px
$desktopSidebarWidth=39%
$desktopIpsumWidth=(100% - $desktopSidebarWidth)
$sidebarBgColor=#F2EEEE

@import 'reset'
@import 'modal'
@import 'animations/rotate';

*
	box-sizing border-box

body
html
	height 100%
	width 100%

body
	display flex
	flex-direction column
	align-items center
	font-family 'Open Sans', sans-serif

	p
		margin-bottom 1rem
		line-height 1.2

	@media screen and (min-width: $desktopBreakpoint)
		align-items flex-start

body
a
	color #000

header
footer
#jamon-controls
	width 100%
	max-width 600px
	background-color $sidebarBgColor

	@media screen and (min-width: $desktopBreakpoint)
		width $desktopSidebarWidth
		border-right $sectionBorder

		> div
			margin-bottom 2rem

#ipsum-result-container
	flex-grow 1
	padding 2rem
	color #555
	width 100%

	@media screen and (min-width: $desktopBreakpoint)
		position absolute
		right 0
		top 0
		width $desktopIpsumWidth
		height 100vh
		padding 3rem
		overflow auto

#jamon-result
	max-width 600px
	margin 0 auto

header
	padding 1rem
	border-bottom $sectionBorder

header
	@media screen and (min-width: $desktopBreakpoint)
		padding-top 2rem

{'fraction_non_alphanumeric': 0.0814099874108267, 'fraction_numerical': 0.04070499370541335, 'mean_word_length': 4.442922374429224, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '2312960', 'n_tokens_mistral': 976, 'n_tokens_neox': 818, 'n_words': 236}