body {
	font-size: 1.2em;
	line-height: 1.4;
	font-family: Georgia, serif;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Geneva, Verdana, sans-serif;
}
h1 {
	font-size: 1.6em;
}
.menu {
	padding: 1em;
	margin: 1em;
	background: azure;
}
.menu:before {
	content: "Menu:";
	font-size: 80%;
}
code, pre, kbd {
  font-family: "Fira Code", "SF Mono", Monaco, Consolas, "Courier New", monospace;
}
.hashtag {
	margin-left: .35em;
}
.pure-form select {
	background: light-dark(white,darkgrey);
}
nav { display:flex; gap:.1rem; }
.header-top { background: light-dark(palegreen,darkgreen); display:flex; flex-wrap:nowrap; align-items:center; gap:1rem; }
.brand { color: light-dark(darkgreen,palegreen); }
.logout-form button {
	background: light-dark(darkgreen,palegreen); 
	color: light-dark(palegreen, darkgreen); 
	line-height: 75%;
	border-radius: 1em;
	margin-right: 0.2em;
}
.login-form button {
	background: light-dark(darkgreen,palegreen); 
	color: light-dark(palegreen, darkgreen); 
	line-height: 75%;
	border-radius: 1em;
	margin-right: 0.2em;
}
.meta {
	line-height: 50%;
	color: color-mix(in srgb, currentColor 50%, transparent);
}
img {
	width: max(calc(5%),calc(32px)); 
	height: max(calc(5%),calc(32px));
	vertical-align: baseline;
}
.site-logo {
	width: 100%;
	height: 100%;
}
img:hover{
	width: 100%;
	height: 100%;
}