/* Big Chungus */
html{
	background-color:#111;
	background-image:url("../images/ps2towers.jpg");
	background-attachment:fixed;
	background-size:cover;
}
body{
	color:#f4f4f4;
	font-family:Trebuchet MS, Helvetica, sans-serif;
	text-align:justify;
	opacity:99%;
}
/* Semantic Elements */
main{
	width:55%;
	margin:auto;
}
section{
	background-color:#333;
	padding:0.63em 1.56em;
	margin-bottom:1em;
}
header, footer{
	text-align:center;
}
figure{
	text-align:center;
	margin-left:0;
	margin-right:0;
}
figcaption{
	font-size:0.8em;
	background-color:#272727;
	padding:0.5em;
	border-radius:1em;
}
/* Inline Elements */
a:hover{
	color:#ff6666;
}
a{
	text-decoration:none;
	color:#ff4444;
}
code{
	color:#37c8ff;
	background-color:#141414;
}
/* Content Elements */
figure img{
	width:48%;
	max-width:500px;
}
h2{
	text-align:left;
}
ul{
	margin:0;
	padding:0;
	list-style-type:none;
	break-inside:avoid-column;
	margin-bottom:1em;
	overflow:hidden; /*firefox*/
}
li{
	font-style:italic;
}
/* Clearfix */
section::after, div::after{
	content:"";
	clear:both;
	display:table;
}
/* Classes */
.wideimg img{
	width:100%;
	text-align:center;
	max-width:700px;
}
.leftimg img{
	float:left;
	width:100%;
	max-width:400px;
	margin:0;
	margin-right:1em;
}
.rightimg img{
	float:right;
	width:100%;
	max-width:400px;
	margin:0;
	margin-left:1em;
}
.compareimg img{
	width:auto;
	height:300px;
}
.smallimg img{
	max-width:200px;
}
.smallimg figcaption{
	margin:auto;
	max-width:200px;
}
.multifig{
	text-align:center;
}
.multifig img{
	width:100%;
}
.multifig figure{
	width:48%;
	display:inline-block;
	margin-top:0;
	margin-bottom:1em;
	vertical-align:top;
}
/* IDs */
#toc{
	column-count:2;
	margin-bottom:1em;
}
/* Mobile fix */
@media only screen and (max-width:992px){
	main{
		width:95%;
	}
	figure img{
		width:100%;
	}
	.leftimg img, .rightimg img{
		float:none;
		max-width:500px;
		margin:0;
	}
	#toc{
		column-count:1;
	}
	.multifig figure{
		width:100%;
	}
}
/* shrink compareimg and multifig on small monitors */
@media only screen and (max-width:1800px){
	.compareimg img{
		height:auto;
		width:100%;
		max-width:500px;
	}
	.multifig figure{
		width:75%;
	}
	.multifig img{
		max-width:1000px;
	}
}