#linkSection {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1em;
	margin: 1em;
	isolation: isolate;
}

.linkCell {
	width: calc(50% - .5em);
	box-sizing: border-box;
	transition: z-index .1s;
	&:hover {
		z-index: 100;
	}
	img {
		display: block;
		max-width: 100%;
		margin-top: .5em;
		aspect-ratio: 750 / 500;
		transition: transform .1s;
		transform: scale(1) rotat(0);
		z-index: 1;
		&:hover {
			transform: scale(1.2) rotate(1.5deg);
			z-index: 100;
		}
		&:active {
			transform: scale(1.1) rotate(1.5deg);
			z-index: 100;
		}
	}
}
:where(.linkCell:not(:hover)) {
	z-index: -100;
}

#blenderScreenshot {
	view-transition-name: blenderScreenshot;
}

#ukWarning {
	margin: 1em 2em;
	text-align: left;
	line-height: 1.1em; /* needed to align the UK flag in case the default font has bad metrics (Firefox on Linux) */
}
#ukFlag {
	display: block;
	box-sizing: border-box;
	height: 2em;
	margin-right: .5em;
	aspect-ratio: 5 / 3;
	background-image: url("images/uk.svg");
	background-position: center;
	background-size: cover;
	float: left;
	border: 3px solid red;
	border-radius: 3px;
	place-content: center;
}