html, body				{ margin: 0;
					  height: 100%; }
body					{ font-family: monospace;
					  font-size: 10pt;
					  color: #cdd6f4;
					  position: relative;
					  background-color: #1e1e2e;
					  line-height: 1.4em; }
body > footer,
body > header				{ position: fixed;
					  display: flex;
					  left: 0;
					  background-color: #f5e0dc;
					  color: #1e1e2e;
					  height: 3rem;
					  width: 100%; }
body > footer > *,
body > header > *			{ display: flex;
					  flex: 1; 
					  border-right: thin solid #1e1e2e;
					  padding: 0.5rem 1rem; }
body > header				{ top: 0; }
body > header > *			{ align-items: flex-end;
					  border-bottom: thin solid #1e1e2e; }
body > footer > *			{ border-top: thin solid #1e1e2e; }
body > footer				{ bottom: 0; }
body > section				{ max-width: 45em;
					  padding-left: 1rem;
					  padding-right: 1rem;
					  padding-bottom: 4rem;
					  padding-top: 4rem; }
body > section pre { color: #bac2de;
					  background-color: #45475a;
					  border-style: solid;
					  border-width: 1px;
					  padding: 1rem; }
body > section p > code { color: #f5e0dc; }
.tags					{ padding-top: 1rem;
					  color: #f5e0dc; }
.tags .sblg-tag				{ color: #cdd6f4; } 
.tags .sblg-tag + .sblg-tag:before	{ content: ', '; }
.prevnext > a				{ display: none; }
.sblg-next-has > a,
.sblg-prev-has > a			{ display: inline-block; }
.sblg-nav > span + span			{ padding-left: 1rem; }
a					{ color: #a6adc8; }
h1 a					{ color: inherit; }
h1					{ margin: 0; }
h1, h2					{ font-size: inherit; }
.description				{ display: none; }
body > section				{ color: #f5e0dc; }
body > section article,
body > section q			{ color: #cdd6f4; }
article > header			{ display: none; }

@media (min-width: 100rem) {
  body > section			{ padding-left: calc(100% / 3 + 1rem); }
  .description				{ display: flex; }
}