/*
 * License: https://github.com/groovenectar/musiview/blob/master/LICENSE.md
 * Homepage: https://c.dup.bz
*/

#folder .grid {
	gap: .25rem;
	grid-template-columns: repeat(2, minmax(0px, 1fr));
	display: grid;
}
#folder .grid .folder-container {
	aspect-ratio: 1;
	background: radial-gradient(circle, #464646 0%, #333 100%);
	border: 1px solid rgba(255, 255, 255, 0.75);
	padding: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #c9c9c9;
	font-weight: bold;
	transition-property: font-size;
	transition-duration: .15s;
	text-align: center;
}
#folder .grid .folder-container:hover {
	background: radial-gradient(circle, #484848 0%, #2d2d2d 100%);
	border-color: rgba(255, 255, 255, 1);
	color: #fff;
}
#folder .summary, #folder .description {
	padding: 0 2rem;
}
#folder .summary {
	margin-bottom: 2rem;
}
#folder .description {
	margin-bottom: 2.5rem;
}
@media screen and (min-width: 700px) {
	#folder .grid {
		grid-template-columns: repeat(4, minmax(0px, 1fr));
	}
}
@media screen and (min-width: 1100px) {
	#folder .grid {
		grid-template-columns: repeat(6, minmax(0px, 1fr));
	}
}