* {
	padding: 0;
	margin: 0;
}
html {
	height: 100vh;
	font: 1em sans-serif;
	background: rgba(0,0,0,1) center / cover no-repeat url(/img/bg.jpg);
}
a {
	text-decoration: none;
}
body {
	height: 100vh;
	display: grid;
	grid-template-rows: 5em calc(100vh - 8em) 3em;
	grid-template-columns: 5em calc(100vw - 10em) 5em;
}
header {
	grid-row: 1;
	grid-column: 2;
}
header h1 {
	color: rgba(204,242,251,.6);
	padding: 1em 0 .5em 0;
	text-shadow: rgba(255,255,255,.4) 0 0 .2em;
}
main {
	grid-row: 2;
	grid-column: 2;
	display:flex;
	align-items: center;
	justify-content: center;
}
main p {
	background: rgba(42,67,97,.5);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-radius: .3em;

	text-align: center;
	padding: 5em 25%;
	color: rgba(204,242,251,.8);
}
footer {
	grid-row: 3;
	grid-column: 2;
}
footer p {
	font-size: smaller;
	color: rgba(204,242,251,.6);
	text-align: center;
	padding: 1em 0;
}
footer p a {
	color: rgba(204,242,251,.6);
}