@charset "utf-8";
:root {
	--dark-blue: rgb(45, 53, 68);
	--transition: .4s ease;
}

*, *:after, *:before {
	box-sizing: inherit;
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	display: flex;
	flex-direction: column;
	height: 100vh;
	box-sizing: border-box;
}

main {
	display: flex;
	flex: 1;
	align-items: center;
	justify-content: center;
	background-image: linear-gradient(to bottom, rgb(13, 13, 17), rgb(13, 13, 17), rgb(28, 28, 49));
}

footer {
	background-color: var(--dark-blue);
	padding: .8rem;
}

footer p, a {
	color: rgb(95, 112, 143);
	font: bold .85rem/.8rem 'Courier Prime', monospace;
	letter-spacing: .05rem;
}

footer .author::after {
	content: "—";
	margin: 0 .8rem;
}

footer a {
	text-decoration: none;
	transition: var(--transition);
}

footer a:hover {
	color: rgb(127, 146, 180);
}

.logo {
	border: .2rem solid var(--dark-blue);
	padding: 1rem 1.6rem .6rem 1.6rem;
	border-radius: 2px;
	transform: translateY(-3rem);
}

.logo h1 {
	font: bold 2rem/1.5rem 'Courier Prime', monospace;
	color: rgb(81, 96, 124);
	-webkit-user-select: none;
	-khtml-user-select: none;
	-webkit-touch-callout: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}