float: left;

@font-face {
  font-family: 'VT323';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/vt323/v17/pxiKyp0ihIEF2isRFJXGdg.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

.body {
	font-family: 'VT323';
	/*background-color: #9bdeab;*/
	margin-left: auto;
	margin-right: auto;
}

.htitle {
	width:164px;
	height: 158px;
	background-color: inherit;
	margin-right: auto;
	border: none;
}

.header img {
	margin-left: 20%;
	margin-right: auto;
	width: auto;
	background-repeat: no-repeat;
	/*width: 864px;*/
	height: 156px;
}

.settings {
	height: 8%;
	background-image: url(https://media.discordapp.net/attachments/1055633044851130460/1137424021999341578/settings.png?width=960&height=33);
}

.settings ul {
	font-size: 24px;
	float: left;
	margin: 4% 12% 0% 0%;
}

.index {
  margin-left: auto;
  margin-right: auto;
}

.left-float {
  float: left;
	margin-right: auto;
	margin: 2% 4% 0px 10%;
	/*width: 172px;
	height: 100vh;*/
}

.darkmode {
  margin-left: 4px;
  margin-top: 2px;
	height: 168px;
	width: 164px;
	border: none;
}

/* .resources {
	background-image: url(https://media.discordapp.net/attachments/1055633044851130460/1138191777342443611/resources.png);
	width: 172px;
	height: 216px;
}

.resources h1 {
	font-size: 24px;
	margin: 12px;
}

.resources p {
	font-size: 24px;
	text-align: right;
	margin: 20px 12px 32px;
} */

.nav {
	width: 172px;
	height: 283px;
	
}

.nav h1{
	font-size: 24px;
	margin: 12px;
}

.nav p {
	font-size: 24px;
	margin: 12% 0% 12% 14%;
}	

.nav a:link, a:visited {
  color: black;
  text-decoration: none;
}

.nav a:active {
  color: black;
}

@media only screen and (max-width: 1056px) {

}