:root {
	--hue1: 200;
	--sat1: 20%;
	--lit1: 20%;
	--hue2: 200;
	--sat2: 20%;
	--lit2: 20%
}
html {
	height: 100%;
	overflow: hidden;
	width: 100%;
}
body {
	background: linear-gradient(to bottom, hsl(var(--hue1), var(--sat1), var(--lit1)) 0, hsl(var(--hue2), var(--sat2), var(--lit2)) 100%);
	color: hsl(var(--hue1), var(--sat1), var(--lit1));
	display: grid;
	font-family: sans-serif;
	grid: 1fr / 1fr;
	height: 100vh;
	margin: 0;
	padding: 0;
	place-items: center;
}
a {
	border-bottom: 1px dotted #0606;
	color: hsl(var(--hue2), var(--sat2), var(--lit1));
	text-decoration: none;
}
svg {
	aspect-ratio: 1;
	fill: hsla(0, 0%, 50%, 0.1);
	filter: drop-shadow(0 0 10px hsla(0, 0%, 100%, 0.2));
	width: 50%;
}
footer {
	background: hsl(0 0% 50% / 0.125);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	border-top: 1px solid #0003;
	bottom: 0;
	margin: 2rem auto 0;
	padding: 2rem 0;
	position: sticky;
	text-align: center;
	/* text-shadow: -1px -1px 1px #aaaa, 1px 1px 1px #aaaa; */
	width: 100%;
}