body {
	background-color: var(--primary-color);
}




.decorative-panel {
	text-align: center;
	padding: 1rem;
}

.decorative-panel > h1 {
	margin: 0;
}



.imageGrid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
	grid-auto-rows: 25rem;
	
	grid-gap: 1rem;
	grid-auto-flow: dense;

	margin: 1rem;
}

.imageGrid > img {
	width: 100%;
	height: 100%;
}

.imageGrid > .img-tall {
	grid-row: span 2;
}

.imageGrid > .img-wide {
	grid-column: span 2;
}

.imageGrid > .img-big {
	grid-column: span 2;
	grid-row: span 2;
}