*{margin:0; padding:0; box-sizing:border-box; font-size:100%; word-wrap:break-word;}
body{background:#707070; background:linear-gradient(#707070,#404040); background-attachment:fixed; color:#fff; font-family:verdana,sans-serif; font-size:1.15em; line-height:1.65; padding:1em;}
::selection{background:#202020; background:rgba(0,0,0,.25); color:#fff;}
img{max-width:100%; height:auto;}
header,main,section,figure,figcaption,footer{display:block;}

a{color:inherit; text-decoration-style:dashed; text-underline-offset:.2em;} a:focus,a:hover{outline:0; color:#fff; text-decoration-style:solid;} a:active{background:#202020; background:rgba(0,0,0,.25);}
p{margin:.5em 0;}
ul{margin:1em 0 1em 1em;} li>ul{margin:.25em 0 .5em 1em;}
hr{border:0;} hr:before{content:"~"; display:block; text-align:center; color:#a0a0a0; color:rgba(255,255,255,.35);}

figure{background:#707070; background:rgba(255,255,255,.15); margin:1rem 0;}
.pic{border:1px solid #a0a0a0; display:inline-block; line-height:0;} .pic:hover,.pic:active,.pic:focus{outline: 0; border-color:#c0c0c0;}
figcaption,.desc{font-size:.85em; color:#dfdfdf;} figcaption{padding:0 1rem .5rem;} .desc{line-height:1.65;}
.imgs{overflow:auto; padding:0 .5rem; text-align:center;} .imgs+figcaption{margin-top:-.25rem;}
.imgs .pic{margin:.5em 0;} .w2 .pic{max-width:49%;}
.full{padding-top:.5em;} .full .pic{margin:0;}

#title,#intro,h2,.big,footer{text-align:center;}
h1,h2{color:#dfdfdf;}

h1{font-size:2em; font-weight:normal; font-family:consolas,monospace;}
#title p{margin:-.5em 0 1em; color:#c0c0c0;}
#intro{background:#606060; background:rgba(0,0,0,.15); padding:.5em 1rem; line-height:1.5; margin:.25em 0 .75em;}

section p{padding:0 1rem;} section figcaption p,.big p{padding:0;}
.big{font-size:2em; line-height:1.25; margin:1em 0;}
h2{font-size:1.5em; line-height:1.25;} h2 span{display:inline-block;} h2:before{content:"⁂"; display:block; font-weight:normal; opacity:.5; margin:.5em 0;}
#other{font-size:.85em;}

footer{font-size:.65em; color:#c0c0c0; margin:7rem 0 0;} footer ul{list-style-type:none; max-width:25em; margin:0 auto;} footer a{text-decoration:none; font-weight:bold;}
footer li{display:inline;} footer li:after{content:".";}

@media only screen and (min-width:40rem){
	.f-wrap{text-align:center;}
	figure{display:inline-block; text-align:left;}
	.small1{max-width:50%;}
	.small2{max-width:75%;}
	.four .pic{max-width:49%;}
	section ul{padding-left:1rem;}
	#title p{margin-bottom:.5em;}
	
	footer ul{max-width:50rem; overflow:auto; padding:0 1rem;}
	footer li{float:left;} footer li:first-child{width:25%; text-align:left;} footer li:last-child{width:75%; text-align:right;} footer li:after{content:none;}
}

@media only screen and (min-width:56rem){
	#title,header figcaption,main p,ul{max-width:50rem; margin:0 auto;} main p{margin:.5em auto;}
	section p{padding:0;}
	
	main{max-width:56rem; margin:0 auto;}
	
	#title{text-align:left;}
	h1,header p{display:inline-block;} header p{padding-left:.5em;}
	header .imgs{padding:.5em;}
	header figcaption{padding:0 0 .5rem;}
	
	footer ul{padding:0;}
}