a:link {
font-family: "Lucida Console", "Courier New", monospace;
text-decoration: none;
}

a:visited {
	font-family: "Lucida Console", "Courier New", monospace;
	text-decoration: none;
}

a:hover {
	font-family: "Lucida Console", "Courier New", monospace;
	color: #867D2F;
	text-decoration: none;
}

a:active {
	font-family: "Lucida Console", "Courier New", monospace;
	text-decoration: none;
}

.p1 {
	font-family: "Lucida Console", "Courier New", monospace;
	color: #87b6c8;
	text-align: center;
}

.p2 {
	font-family: "Lucida Console", "Courier New", monospace;
	color: #868d95;
	text-align: center;
}

.title {
	font-family: "Lucida Console", "Courier New", monospace;
	color: #87b6c8;
	background-color: #29363E;
	padding: .5vw;
	width: max-content;
	z-index: -1;
	font-size: .6rem;
}

.title2 {
	font-family: "Lucida Console", "Courier New", monospace;
	color: #87b6c8;
	padding: 0;
	z-index: -1;
	font-size: .6rem;
}

.subtitle {
	padding: .5vw;
	position: fixed;
	margin: 0;
	top:6rem;
	left:0;
	font-size: 1.1rem;
}

.nw {
	position: fixed;
	margin: 0;
	top:0;
	left:0;
}
.n {
	position: fixed;
	margin: 0;
	top:0;
	left:50%;
	right:50%;
}

.ne {
	position: fixed;
	margin: 0;
	top:0;
	right:0;
}

body {
	background-color: #10171d;
}

html {
	min-height: 500px;
}

footer {
	position:fixed;
	bottom:0;
	width: 100%;
}

.dynamic1 {
	font-size: 1vw;
}

.dynamic2 {
	font-size: .5vw;
}

.horizon {
	height: 15rem;
	width: 120vw;
	background-color: #29363E;
	border-radius: 50%;
	display: inline-block;
	margin-left: -10vw;
	position: fixed;
	bottom:-7.5rem;
	z-index: -1;
}

.topHorizon {
	height: 15rem;
	width: 120vw;
	background-color: #29363E;
	border-radius: 50%;
	display: inline-block;
	margin-left: -10vw;
	position: fixed;
	top:-7.5rem;
	z-index: -1;
}

.mainNav {
	padding-top: 5vh;
	text-align: center;
	font-size: 1.2rem;
}

.hzList {
	padding-left: 1vw;
	padding-right: 1vw;
}

article {
	width: 70vw;
	margin-left: 15vw;
	margin-right: 15vw;
	background-color:#29363E;
	border-radius: 15px;
}