html,
body {
	width: 100%;
	min-height: 100%;
}

body {
	margin: 0;
	min-height: 100vh;
	background-image:
		url("../images/widfeg-bg.webp"),
		url("../images/widfeg-bg.jpg");
	background-position: 50% center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-color: rgb(231, 169, 197);
}

main {
	position: relative;
	min-height: 100vh;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.image-link {
	position: absolute;
	top: 51%;
	left: 50%;
	width: min(78vw, 52rem);
	height: min(54vw, 36rem);
	transform: translate(-50%, -50%);
	border-radius: 50%;
}

.image-link:focus-visible {
	outline: 2px solid rgba(255, 255, 255, 0.9);
	outline-offset: 0.35rem;
}

@media (max-width: 900px) {
	.image-link {
		top: 50%;
		left: 53%;
		width: min(92vw, 38rem);
		height: min(72vw, 29rem);
	}
}