body {
    max-width:650px;
    margin:40px auto;
    padding:0 10px;
    background-color: whitesmoke;
    font:18px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color:#444}h1,h2,h3{line-height:1.2}
@media (prefers-color-scheme: dark){body{color:#ccc;background:black}a:link{color:#5bf}a:visited{color:#ccf}}

.content-container {
	position: absolute;
	top: 230px;
	width: 680px;
	min-height: 600px;
	background-color: white;
	border: 1px solid rgb(221, 221, 221);
}

.content {
	margin-top: 30px;
	margin-left: 40px;
	margin-right: 40px;
}


.navbar .content-container h1 {margin-bottom:0.15em;}
.post-date {color: #CCC;font-size:0.8em}
article {margin-bottom: 2em;}
article.singlePost h2 {margin-bottom: 2px;}
h2, h3 {margin-bottom: 0.5em;}
header h2, header h3, h2.dayHeader {font-family: "Oswald", sans-serif;}
h2.dayHeader {text-align:center;}
header h2 a:link, header h2 a:visited, header h3 a:link, header h3 a:visited  {color: #444;text-decoration:none;}
header h2 a:hover, header h3 a:hover {color: #444;text-decoration:underline;}
.footer {font-size: 0.9em;}
blockquote {font-style: oblique;  margin-left: 1em; padding-left: 10px;border-left: 2px solid #CCC;}
.postimage {max-width: 600px;}
.notextpost {
  margin-top: 1em;
}
.postNoTitle a {
	color: #444;
}

.page-top-image {
	position: absolute;
	top: 0;
	left: 0;
	height: 230px;
	width: 100%;
	margin-left: 0;
	margin-top: 0;
	z-index: -1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: black;
	z-index: 0;
}

.divPagetopTitle a {
	color: white;
	cursor: pointer;
	text-decoration: none;
}

.divPagetopTextBackground {
	position: absolute;
	top: 30;
	left: 15%;
	width: 70%;
	height: 140px;
	z-index: 1;
	background-color: black;
	opacity: 0.25;
	border-top: 1px solid white;
	display: none;
}

.divPagetopText {
	position: absolute;
	text-align: center;
	top: 60px;
	left: 15%;
	width: 65%;
	height: 200px;
	color: white;
	padding-top: 3px;
	padding-left: 20px;
	z-index: 2;
}

.divPagetopTitle {
	font-family: "Oswald", sans-serif;
	font-size: 80px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: -0.01em;
	line-height: 1.1;
	margin-bottom: 0;
	color: white;
	text-shadow: 1px 1px black;
}

.divPagetopDescription {
	font-size: 20px;
	margin-top: 5px;
	text-shadow: 1px 1px black;
}

.sideImage {
	float: right;
	padding-left: 25px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 15px;
}

.permalinkHash a {
	color: purple;
	opacity: 0.3;
	font-weight: normal;
	font-size: 14px;
	cursor: pointer;
	text-decoration: none;
}