@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Mono&display=swap');

html, body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

body {
	display: block;
	position: absolute;
	background-color: #a0bbe5ff;
	font-family: sans-serif;
	box-shadow: inset 0 0 150px rgba(0,0,0,0.75);
}

#logo {
	width: 25%;
	margin: auto;
	margin-top: 70pt;
	display: block;
	transition: 250ms ease 0s;
	padding-bottom: 10pt;
	outline: none;
}

#logo:active {
	margin-top: 75pt;
	padding-bottom: 5pt;
}

#logo img {
    min-width: 100%;
	display: block;
}

#content {
	display: block;
	width: 400pt;
	margin: auto;
	color: black;
	text-align: center;
	line-height: 1.65em;
	margin-top: 15pt;
}

#content a {
	color: black;
	text-decoration: none;
}

header, footer {
	max-width: 450pt;
	margin: auto;
}

header {
	margin-top: 30pt;
}

header #title {
	display: flex;
	font-family: 'Ubuntu Mono', monospace;
	font-weight: 800;
	font-size: 1.8em;
	text-decoration: none;
	color: black;
	width: 100%;
}

header #title img {
	display: inline-block;
	height: 24pt;
	width: auto;
	margin: 0;
	padding: 0;
	margin-right: -7.25pt;
}

#page-contents {
	max-width: 400pt;
	margin: auto;
}

#page-contents a {
	color: black;
}