@charset "utf-8";

/* Sidebar */

.sidebar {
	width:30%;
	padding:5px;
}

.header {
	padding:5px;
}

/* CONTENT */

.content {
	width:60%;
	float: right;
}


/* FILTERS */

aside{width:30%;}
aside strong{font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";text-transform:uppercase;font-size:14px;}
aside form{padding:0 0 8px 0;}
aside input{display:none;}

aside span{cursor:pointer;display:block;padding:5px;margin:5px 0;border:1px solid;}
aside input:checked + span{background-color:#00000;color:#ffffff;}

/* COVERS */

article{display:flex;flex-wrap:wrap;align-items:flex-start;text-align:center;}

.cover{box-sizing:content-box;display:flex;flex-wrap:wrap;padding:5px;width:270px;border:1px solid var(--borders);margin:0 2vw 4vw 2vw;}
.cover:hover{filter:grayscale(70%);}
.cover img{margin:10px;}
.cover h3, .cover h4{width:100%;line-height:1;}
.cover h3{padding:5px 0;font-size:27px;color:var(--accent);}
.cover h4{font-size:15px;font-weight:bold;}