html
{
	color:            #000;
	background-color: #ddd;
}

body
{
	font-family:
		"DejaVu Sans", "Droid Sans", "Open Sans", Verdana, Tahoma,
		"Trebuchet MS", Helvetica, Arial, "Gill Sans", sans-serif;
	
	font-size: 16px;
	
	padding: 0;
	margin:  0;
}

li
{
	font-size:  15px;
	text-align: left;
	
	padding: 0;
	margin:  1.5em auto;
}

pre
{
	max-width: 33em;
	
	width:  fit-content;
	height: fit-content;
	
	font-family:
		"DejaVu Sans Mono", "Droid Sans Mono", "Lucida Console",
		"Lucida Sans Typewriter", Monaco, "Bitstream Vera Sans Mono",
		Consolas, "Andale Mono", "Ubuntu Mono", FreeMono,
		"Courier New", Courier, monospace;
	
	font-size:     13px;
	/*
	white-space:   pre-wrap;
	*/
	text-align:    left;
	/*
	overflow:      auto;
	overflow-wrap: anywhere;
	*/
	overflow-x:    auto;
	
	border:  1px solid #808080;
	padding: 1em;
	margin:  0.4em;
	
	color:            #000;
	background-color: #ccc;
}

p
{
	margin-right: 0.5em;
	margin-left:  0.5em;
}


ul { list-style-type: none; }


.body_container
{
	min-height: 80vh;
	
	display:         flex;
	align-items:     center;
	justify-content: center;
}


.main_container
{
	text-align: center;
	
	padding: 0;
	margin:  0;
}

.main_header
{
	width: fit-content;
	
	font-size:  50px;
	text-align: center;
	
	padding:       0;
	margin-top:    0.5em;
	margin-bottom: 1em;
	margin-right:  auto;
	margin-left:   auto;
}

.main_list
{
	width: fit-content;
	
	text-align: left;
	
	padding: 0;
	margin:  5em auto;
}

.main_home_top, .main_home_bottom
{
	width: fit-content;
	
	font-size:  25px;
	text-align: left;
	
	padding: 0;
	margin:  1em auto;
}

.main_date
{
	width: fit-content;
	
	font-size:  13px;
	text-align: left;
	
	padding: 0;
	margin:  1em auto;
}

.main_title
{
	width: fit-content;
	
	font-size:  30px;
	text-align: left;
	
	padding: 0;
	margin:  0.5em auto;
}

.main_entry
{
	width: fit-content;
	
	font-size:  20px;
	text-align: left;
	
	padding: 0;
	margin:  5em auto;
}

.main_mtime
{
	width: fit-content;
	
	font-size:  14px;
	text-align: left;
	
	padding: 0;
	margin:  1em auto;
}

.main_entry_wrapper
{
	width:     fit-content;
	max-width: 33em;
	
	font-size:  20px;
	text-align: left;
	
	padding: 0;
	margin:  auto 1em;
}

.main_footer
{
	width: fit-content;
	
	font-size:  13px;
	text-align: center;
	
	padding:       0;
	margin-top:    1.5em;
	margin-bottom: 3em;
	margin-right:  auto;
	margin-left:   auto;
}


.wrap
{
	white-space:   pre-wrap;
	
	overflow:      auto;
	overflow-wrap: anywhere;
}


.red    { border: 1px dotted #f00; }
.yellow { border: 1px dotted #ff0; }
.green  { border: 1px dotted #0f0; }


@media ( prefers-color-scheme: dark )
{
	html
	{
		color:            #ccc;
		background-color: #111;
	}
	
	pre
	{
		border-color: #444;
		
		color:            #ccc;
		background-color: #101010;
	}
	
	
	a { color: #aad; }
}
