body {
	background: rgb(20, 20, 20);
}

p {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: aliceblue;
	z-index: 100;
}

.container {
	text-align: center;
	margin-top: 10%;
	width: 100%;
	z-index: 100;
}

.title {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: center;
	font-size: 3em;
	color: aliceblue;
	z-index: 100;
}

.quote {
	font-family: 'Times New Roman', Times, serif;
	text-align: center;
	font-size: 1.5em;
	font-style: italic;
	color: darkgrey;
	z-index: 100;
}

.subtitle {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: center;
	font-size: 1.5em;
	color: darkgrey;
	z-index: 100;
}

.link-tree{
	text-align: center;
	margin-top: 10%;
	min-width: 20em;
	max-width: calc(100% - 30vw);
	margin-left: auto;
	margin-right: auto;
	z-index: 100;
}

.link-container {
	background: rgb(36, 36, 36);
	border-bottom-left-radius: 2em;
	border-top-right-radius: 2em;
	margin: 2em;
	margin-left: 5vw;
	margin-right: 5vw;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	transition: 0.5s;
	z-index: 100;
}

.link-container:hover {
	background: rgb(66, 66, 66);
	border-radius: 2em;
	transition: 0.5s;
	z-index: 100;
}

.link-container a {
	color: darkturquoise;
	text-decoration: none;
	font-size: 1.5em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	width: 100%;
	height: 100%;
	padding: 0.8em;
	transition: 0.5s;
	z-index: 100;
}

.link-container a:hover {
	color: rgb(255, 255, 255);
	transition: 0.5s;
	z-index: 100;
}

.footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100vw;
	text-align: center;
	z-index: 100;
}

.footer-text {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.7em;
	color: darkgrey;
	z-index: 100;
}