* {
	--spacing: 2cm;
}

@media screen and (max-width: 1100px) {
	* {
		--spacing: 1cm;
	}
}

body {
	margin: var(--spacing);
}

header {
	text-align: center;
}

main {
	width: 100%;
	max-width: 100%;
}

span.count {
	padding-left: 1em;
	color: grey;
}

#images {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: var(--spacing);
	gap: var(--spacing);
}

.image {
	width: 400px;
	max-width: 100%;
}