h1 {
	font-size:26pt;
}

h3 {
	font-size:20pt;
}

small {
	font-size:12px;
}

.contents, .squarerow {
	margin:2em 3.4em;
	text-align:left;
}

.article-cover {
	float:left;
}

.article-text {
	text-align:justify;
	margin-left:1em;
}

.article-text h3 {
	margin:0;
}

.ddd {display:none}

.article-cover {
	padding-right:1em;
}

.article-cover img {
	width:100%;
}

.article-cover .pixy {
	-ms-interpolation-mode:nearest-neighbor;
	image-rendering:crisp-edges;
	image-rendering:pixelated;
}

.article-text ul.article-links {
	list-style-type:none;
	padding-left:0;
}

.article-text ul.article-links li a {
	background-color:#220;
	color:#FFA;
	display:inline-block;
	font-family:Arial,sans-serif,serif;
	font-size:8pt;
	letter-spacing:0.5em;
	padding:1em 0.6em 1em 1em;
	margin:0 0 0.6em 0.6em;
	text-transform:uppercase;
}

.article-text ul.article-links li a::after {
	content:"❱";
	padding-left:0.8em;
}

.article-text ul.article-links li a:hover {
	background-color:#770;
	color:#FFF;
}

@media only screen and (max-width:400px) {
	h1 {margin:0 0.2em}
	
	article {font-size:14pt}
	
	.article-cover {width:100%}
	
	.contents, .squarerow, .article-cover {margin:2em 0.2em}
}

@media only screen and (min-width:1024px) {
	article {
		display:none;
		margin:1em 3.4em;
	}
	
	footer small {
		font-size:8px;
	}
	
	.article-text p {
		font-size:16px;
	}
	
	#tab-bng:checked ~ #article-bng,
	#tab-fcf:checked ~ #article-fcf,
	#tab-ff3s:checked ~ #article-ff3s,
	#tab-drexx:checked ~ #article-drexx,
	#tab-dream:checked ~ #article-dream,
	#tab-sector:checked ~ #article-sector,
	#tab-sector2:checked ~ #article-sector2,
	#tab-mdude:checked ~ #article-mdude,
	#tab-sos2014:checked ~ #article-sos2014,
	#tab-sos2016:checked ~ #article-sos2016,
	#tab-unhinge:checked ~ #article-unhinge,
	#tab-3bmout:checked ~ #article-3bmout,
	#tab-mm11int:checked ~ #article-mm11int,
	#tab-isomnia:checked ~ #article-isomnia,
	#tab-kemo:checked ~ #article-kemo,
	#tab-asimov:checked ~ #article-asimov,
	#tab-misha:checked ~ #article-misha,
	#tab-citadel:checked ~ #article-citadel,
	#tab-shibuya:checked ~ #article-shibuya,
	#tab-amino:checked ~ #article-amino {
		display:flex;
	}
	
	.contents, h1 {
		display:none;
	}
	
	.squarerow {
		margin:0 auto;
		text-align:center;
	}

	.squarerow .squarerow-square, .squarerow .squarerow-dummy {
		display:inline-block;
		height:150px;
		margin:1em;
		width:150px;
	}

	.squarerow .squarerow-square {
		background-color:#222;
		background-position:center center;
		background-size:cover;
		resize:both;
	}
	
	.squarerow .squarerow-square:hover {
		opacity:0.8;
	}
	
	.article-cover, .article-text {
		width:50%;
	}
	
	.article-text ul.article-links li a {
		float:right;
	}
	
	/* lol bloat */
	
	.squarerow .squarerow-square.squarerow-square_bng {
		background-image:url("art/!bng.png");
	}

	.squarerow .squarerow-square.squarerow-square_fcf {
		background-image:url("art/!fcf.png");
	}

	.squarerow .squarerow-square.squarerow-square_ff3s {
		background-image:url("art/!ff3s.png");
	}
	
	.squarerow .squarerow-square.squarerow-square_drexx {
		background-image:url("art/!drexx.png");
	}
	
	.squarerow .squarerow-square.squarerow-square_dream {
		background-image:url("art/!dream.png");
	}
	
	.squarerow .squarerow-square.squarerow-square_sector {
		background-image:url("art/!sector.png");
	}
	
	.squarerow .squarerow-square.squarerow-square_sector2 {
		background-image:url("art/!sector2.png");
	}
	
	.squarerow .squarerow-square.squarerow-square_mdude {
		background-image:url("art/!mdude.png");
	}
	
	.squarerow .squarerow-square.squarerow-square_sos2014 {
		background-image:url("art/!sos2014.png");
	}
	
	.squarerow .squarerow-square.squarerow-square_sos2016 {
		background-image:url("art/!sos2016.png");
	}
	
	.squarerow .squarerow-square.squarerow-square_unhinge {
		background-image:url("art/!unhinge.png");
	}
	
	.squarerow .squarerow-square.squarerow-square_3bmout {
		background-image:url("art/!3bmout.png");
	}
	
	.squarerow .squarerow-square.squarerow-square_mm11int {
		background-image:url("art/!mm11int.png");
	}
	
	.squarerow .squarerow-square.squarerow-square_isomnia {
		background-image:url("art/!isomnia.png");
	}
	
	.squarerow .squarerow-square.squarerow-square_kemo {
		background-image:url("art/!kemo.png");
	}
	
	.squarerow .squarerow-square.squarerow-square_asimov {
		background-image:url("art/!asimov.png");
	}
	
	.squarerow .squarerow-square.squarerow-square_misha {
		background-image:url("art/!misha.png");
	}
	
	.squarerow .squarerow-square.squarerow-square_citadel {
		background-image:url("art/!citadel.png");
	}
	
	.squarerow .squarerow-square.squarerow-square_shibuya {
		background-image:url("art/!shibuya.png");
	}
	
	.squarerow .squarerow-square.squarerow-square_amino {
		background-image:url("art/!amino.png");
	}
}