html {
	height: 100%;
	overflow: hidden;
	width: 100%;
}
body {
	background: #626a64 url(bg-stesia.jpg) repeat-x center bottom / auto 100%;
	display: grid;
	font-family: sans-serif;
	grid: 6fr 1fr 1fr / 1fr;
	height: 100vh;
	margin: 0;
	padding: 0;
	place-items: center;
}
.logo {
	padding: 1rem;
}
img {
	height: auto;
	max-height: 80vh;
	max-width: 80vw;
	width: auto;
}
svg {
	aspect-ratio: 1;
	fill: #000;
	width: 1rem;
}
.artists a,
.outlinks a {
	padding: 0.5rem;
}
.artists a svg {
	fill: hsl(0, 0%, 60%);
	width: 4rem;
}
.outlinks a svg {
	fill: hsl(0, 0%, 70%);
	width: 3rem;
}
a svg {
	transition: all 0.25s ease-in-out;
	&:hover {
		fill: hsl(0, 0%, 80%);
		scale: 1.25;
	}
}
footer {
	background: hsl(0 0% 50% / 0.125);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	border-top: 1px solid #0003;
	bottom: 0;
	color: hsl(0 0% 100% / 0.125);
	margin: 1rem auto 0;
	padding: 1rem 0;
	position: sticky;
	text-align: center;
	/* text-shadow: -1px -1px 1px #aaaa, 1px 1px 1px #aaaa; */
	width: 100%;
}