* {box-sizing:border-box;}
:root {
	color-scheme:dark;
	--buoy:#006060;
	--moor:#F08040;
	--pad: 1.5rem;
}
body {
	background:#001830;
	color:#F0F0F0;
	font-family:'Roboto',sans-serif;
	font-size:16px;
	line-height:1.5;
	margin:0 0 .5lh;
}
a {
	color:#FF9090;
	text-decoration:none;
}
a:hover {background:#001020;}
h1 {
	font-size:2em;
	font-variant:small-caps;
}
h1, h2 {margin:0 var(--pad);}
li h1 {margin:0;}
hr, .hr, .hrb {
	border-color:var(--buoy);
	border-style:dotted;
	border-width:.25lh 0 0;
}
hr {
	margin:0 calc(-1 * var(--pad)) .25lh;
	padding:0 0 .25lh;
}
.hr {padding:.25lh 0;}
.hrb {border-width:0 0 .25lh;}
nav {
	line-height:2;
}
nav a, nav .a {
	display:block;
	padding:0 var(--pad);
}
nav li {list-style:none;}
nav ul {padding:0; margin:0;}
p {max-width:50em;}
p, pre {margin:.5lh var(--pad);}
ul {margin:0;}
ds-clock {
	background:rgba(0,0,0,.5);
	border-radius:8px;
	clear:right;
	display:block;
	float:left;
	font-size:1.5em;
	margin:.25lh calc(-.25 * var(--pad)) .125lh var(--pad);
	padding:4px 4px 4px 6px;
}
.big {font-size:2em;line-height:1.5;}
.blt li a {
	padding-left:1.5em;
}
.blt li::before {
	background:var(--moor);
	border-bottom:#FFF .25em solid;
	border-radius:.5em .5em .25em .25em;
	content:'';
	display:block;
	height:.5em;
	margin:.625em .25em;
	position:absolute;
	width:1em;
}
.box {overflow:hidden;}
.brb {margin-bottom:.25lh;}
.clear {overflow:hidden;}
.date {font-family:'Roboto Mono',monospace;}
.grow {flex-grow:1;}
.italic {font-style:italic;}
.menu {
	border-width:0 0 .5lh;
}
.menu a {
	line-height: 4rem;
	padding:0 1.5rem;
	white-space:nowrap;
}
.row {display:flex;flex-direction:row;}
.wrap {flex-wrap:wrap;}