html, body {
	overflow-x: clip;
}

.container {
	max-width: 1200px;
}

.about-info {
	display: none;
}

.about-content {
	margin-top: 0 !important;
}

.markdown-body {
	all: initial;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	
	font: normal normal 400;
	font-size: 100%;
	line-height: 1.5em;
	/*also written as...  font: normal normal 400 100%/1.5em;*/
	max-width: 80%;
	font-family: Avenir,Verdana,sans-serif;
	margin-top: 1em;
	margin-left: 1em;
}

.markdown-body p { 
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;

	position: relative;
	left: 25%;
	margin-bottom: 0.7em;
	margin-right: 0;
	margin-right: 0;
	width: 55%;
}

.markdown-body code {
	all: initial;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	
	font: normal normal;
	font-size: 90%;
	/*line-height: 1em;*/
	font-family: Monaco,Menlo,monospace,sans-serif;
	color: #aaa;
}

.markdown-body p code {
	position: absolute;
	text-align: right;
	right: -20%;
}


.markdown-body ul {
	all: initial;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	list-style: none;

	position: relative;
	left: 25%;
	width: 75%;
	margin-bottom: 1.5em;
	margin-top: -0.5em;
}

/*uncomment to get dashes in the list*/
/*li:before {
	content: "-";
	position: relative;
	left: -0.25em;
}*/

.markdown-body li {
	/*second line indent*/
	padding-left: 1.25em;
	text-indent: -1.25em;
	width: 75%;
	/*color: #777;*/
    color: var(--post-text-color);
}

.markdown-body li ul {
	position: relative;
	left: 0;
	width: 100%;
	margin-top: 0.25em;
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4 {
	all: initial;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;

	font-weight: 400;
	font-family: Avenir,Cousine,Verdana,sans-serif;
	width: 80%;
}

.markdown-body h1 {
	text-align: left;
	font-size: 3em;
	line-height: 1em;
	position: relative;
	left: 25%;
}

.markdown-body h1+p {
	/*subtitle*/
	font-style: italic;
	font-size: 110%;
}

.markdown-body p {
    color: var(--post-text-color);
}

.markdown-body h2 {
	font-size: 1.1em;
	color: #bc412b;
	margin-top: 3em;
	position: relative;
	top: 1.4em;
	text-align: right;
	width: 20%;
}

.markdown-body h3 {
	font-size: 1em;
	line-height: 2em;
	position: relative;
	top: 1.7em;
	text-align: right;
	width: 20%;
}

.markdown-body a {
	color:rgb(41, 112, 183)
	/*text-decoration:none*/
}

.markdown-body a:hover {
	color:#39f
}

.markdown-body #webaddress {
	margin-top: 1em;
	position: relative;
	left: 25%;
	color: #bc412b;
	font-family: Monaco,Menlo,monospace,sans-serif;
	font-size: 100%;
	width: 60%;
}

.markdown-body #webaddress a {
	text-decoration: none;
}

.markdown-body em {
	/* font-weight: bold; */
	font-style: italic;
}

.markdown-body strong {
	font-weight: bold;
}

.markdown-body #address {
	display: none;
}

code + br {
    display: none;
}

ul + p {
	margin-top: 1em !important;
}

h2 + h3:before {
	content:"\a";
	white-space: pre;
}



/*
@media only screen and (max-width: 480px) {
	make one column somehow...
}*/

@media only screen and (max-width: 1100px) {
	code + br {
		display: flex;
	}

	h2 + p:before, h3 + p:before {
		content:"\a";
		white-space: pre;
	}

	p {
		margin-block-end: 0;
	}
}