body{
	background-color: #e0e0e0;
}

span.date {
	color: #555;
	font-size: .85em;
	margin-left: .5em;
}
div {
	display: inline-block;
	margin: 0 .5em 1.5em 0;
	padding: .75em;
}
h3 {
	font-weight: normal;
	margin: 0;
}
ul {
	display: inline-block;
	list-style-position: inside;
	margin: .5em 0 0 0;
	padding: 0;
	vertical-align: top;
}
span.date {
	color: #555;
}
div {
	background-color: #fff;
}
li {color: #d8d8d8;}
li:hover {color: #000;}
span.w0 {background-color:#ff4;color:#000;}
span.w1 {background-color:#ff8;color:#000;}
span.w2 {background-color:#ffc;color:#000;}

@media (prefers-color-scheme: dark) {
	body {
		background-color: #2b2b2b;
	}
	a .date {
		color: #bbb;
	}
	div {
		background-color: #232323;
	}
	li {color: #555;}
	li:hover {color: #fff;}
	span.w0 {background-color:#232323;color:#ff4;}
	span.w1 {background-color:#232323;color:#ff8;}
	span.w2 {background-color:#232323;color:#ffc;}
}