* {box-sizing:border-box;}
:root {
	color-scheme:dark;
	--buoy: #008080;
	--moor: #F08040;
}
body {
	background:#002040;
	color:#F0F0F0;
	font-family:'Roboto',sans-serif;
	font-size:16px;
	line-height:1.5;
	margin:0 1em 1em;
}
a {
	color:#FF9090;
	text-decoration:none;
}
a:hover {background:#001020;}
h1 {
	font-size:2em;
	font-variant:small-caps;
	margin:0;
}
hr, .menu {
	border-color:var(--buoy);
	border-style:dotted;
	border-width:0 0 .5em;
}
hr {margin:1em -1em;}
.brb {margin: 0 0 1.5rem;}
nav a, nav .a {
	display:block;
	line-height:2;
	padding:0 1rem;
}
nav li {list-style:none;}
nav ul {padding:0;margin:0 -1rem;}
p { max-width: 55em; }
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:0 20px 8px -4px;
	padding:4px 4px 4px 6px;
}
.big {font-size:2em;}
.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;
}
.clear {overflow:hidden;}
.date {font-family:'Roboto Mono',monospace;}
.grow {flex-grow:1;}
.italic {font-style:italic;}
.menu {
	border-width:0 0 1em;
}
.menu a {padding:1.5rem .75rem 0; white-space:nowrap;}
.menu a h1 {margin-top:-1.5rem;}
.row {display:flex;flex-direction:row;}
.wrap {flex-wrap: wrap;}