body {
	margin: 0px;
	padding: 0px;

	width: 100%;
	height: 100%;

	user-select: none;

	background: linear-gradient(to bottom right, #005372, #58007B) repeat-y center center fixed;
}

#logo {
	width: 75%;
	margin: auto;
}

#content {
	margin: auto;
	margin-top: 48pt;
	text-align: center;
	max-width: 512px;
	font-family: Calibri;
	line-height: 8pt;
	border-style: solid;
	border-color: black;
	border-width: 4px;
	border-radius: 25px;

	color: #c1dcff;

	background-color: #5954ee75;
}

.border {
	margin: auto;
	display: flex;
	justify-content: center;
	max-width: 286px;
	min-height: 16px;
	border-style: solid;
	border-color: black;
	border-width: 4px;
	border-radius: 25px;
	line-height: 0px;
	background-color: #7a2dc2;
}

.border.dead {
	color: #bdc4ce;
	background-color: #6f5786;
}

#content p {
	margin: auto;
	line-height: 18px;
	font-weight: 16pt;
	max-width: 256px;
}

a.border {
	color: inherit;
	text-decoration:none;
}

a.border:hover {
	color: #ffffff;
}

a.border.dead:hover {
	color: #bdc4ce;
}

a.border.youtube:hover {
	background-color: #bb0000;
}

a.border.docs:hover {
	background-color: #0000bb;
}

a.border.spotify:hover {
	background-color: #00bb00;
}

a.border.apple:hover {
	background-color: #bb00bb;
}

a.border.google:hover {
	background-color: #bbbb00;
}

a.border img {
	margin: auto;
	margin-left: 0px;
	margin-right: 0px;
	width: 24px;
	height: 24px;
	padding-right: 12px;
}

a.footer-link {
	color: #ffffff;
	text-decoration: none;
}

a.footer-link:hover {
	font-weight: bold;
}

#socials a img {
	width: 24px;
	margin-bottom: 12px;
	margin-left: 4px;
	margin-right: 4px;
}

#footer {
	font-family: Calibri;
	text-align: center;
}

#footer h5 {
	color: #ffffff;
}

div.icon-credit {
	margin: 0px 0px 8px;
	font-size: 8pt;
	font-weight: bold;
	color: #ffffff;
}

div.icon-credit a {
	color: inherit;
}