body {
	font-family: sans-serif;
	background-color: #ffffff;
	color: #000000;

	@media (prefers-color-scheme: dark) {
		background-color: #111111;
		color: #ffffff;
	}
}

main {max-width:40em;margin:auto;word-wrap:break-word;}
img {max-width:100%;}
footer,header,.taglist {text-align:center;clear:both;}
#prevart,.col {float:left;text-align:left;}
#nextart {float:right;text-align:right;}
#nextart,#prevart,.col {max-width:33.333%;}
a:link {color:#94bff3;}
a:visited {color:#65C566;}
a:hover {color:hotpink;}
a:active {color:orange;}
.titleimg {align:center;}
.titleimg img {margin:auto;max-width:20em;max-height:35em;display:block;}
.titleimg figcaption {margin:auto;max-width:60%;max-height:400px;display:block;}


@font-face {
  font-family: wbsFont; 
  src: url(MomoSignature-Regular.ttf); 
}
@font-face {
  font-family: BebasNeue; 
  src: url(BebasNeue-Regular.ttf);
}

.whiteboysummer-mode {
  font-family: sans-serif;
  background-color: #ffffff;
  background-image: url('i/wbs.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  color: #ffffff;
  main{background-color: #d10ad3;padding: 0.5em;}
  h1 {font-family: BebasNeue;outline: 5px dotted #0aeaed;}
  #nuke {font-family: wbsFont;}
}