h1 { font-size: 2rem; font-family: font-weight: 600}

body {
    font-family: var(--font_old_style);
	font-size: calc(15px + 0.390625vw);
	max-width: 31em;
}

a {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a.post-date {
	font-size: 0.8em;
	color: var(--date);
	font-weight: 700;
	font-family: var(--font_geometric_humanist);

}

article img,
.e-content img,
.p-summary img {
	width: (min-width: 470px) 400px, (min-width: 400px) calc(100vw - 70px), calc(100vw - 10px)" srcset="..."
	height: auto;
	border-radius: 5px;
}

/* Light mode */
:root {
	--text: #28190E;
	--date: #D2691E;
	--link: #1565C0;
	--link_visited: #1565C0;
	--accent1: #333333;
	--accent2: #666666;
	--background: #FCFBF7;
	--code: #e3e3e3;
	--button-text: #ffffff;
	--blockquote: #fffee0;
	--field: #fffee0;
	--note: #FEF770;
	--mark: #FFFF99;
	--h2.post-title a { text-decoration: none; color:#28190E; }
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
	:root {
		--text: #f8f8f2;
		--date: #ffa07a;
		--link: #8be9fd;
		--link_visited: #8be9fd;
		--accent1: #f8f8f2;
		--accent2: #f8f8f2;
		--background: #282a36;
		--code: #44475a;
		--button-text: #282a36;
		--blockquote: #44475a;
		--field: #44475a;
		--note: #44475a;
		--mark: #FFFF99;
}

video {
  max-width: 100%;
  max-height: 600px;
}

.microblog_conversation {
  margin-top: 50px;
  padding-top: 20px;
  border-top: 1px solid lightgray;
}

.microblog_post {
  padding-top: 25px;
  padding-bottom: 25px;
}

.microblog_avatar {
  border-radius: 10px;
  vertical-align: top;
}

.microblog_time {
  font-size: 13px;
  padding-top: 10px;
  color: gray;
}

.microblog_time a {
  color: gray;
  text-decoration: none;
}