some more stuff

@@ -71,7 +71,7 @@ p {
 	left: 80%;
 	transform: translate(-50%, -50%);
 
-	width: 410px;
+	width: 430px;
 }
 #logo img,#logo a {
 	position: absolute;
@@ -152,7 +152,7 @@ p {
 	color: rgb(255,255,255);
 }
 
-#about, #entymology {
+#about, #etymology {
 	display: block;
 	list-style: none;
 	text-align: justify;
@@ -161,7 +161,7 @@ p {
 	transform: translate(0, -50%);
 	position: absolute;
 }
-#about:after, #entymology:after {
+#about:after, #etymology:after {
 	display: inline-block;
 	width: 100%;
 	height: 0;
@@ -177,7 +177,7 @@ p {
 #about a {
 	outline: 0;
 }
-#entymology .textbox {
+#etymology .textbox {
 	text-align: left;
 	padding: 10px;
 	width: 30%;

@@ -16,9 +16,9 @@
 				<nav id="nav">
 					<ul>
 						<li><a href="#section1" class="active" title="Next Section" >About</a></li>
-						<li><a href="#section2" title="Next Section">Freedom</a></li>
-						<li><a href="#section3" title="Next Section">Slide 3</a></li>
-						<li><a href="#section4" title="Next Section">Custom Code</a></li>
+						<li><a href="#section2" title="Next Section">Custom Code</a></li>
+						<li><a href="#section3" title="Next Section">Etymology</a></li>
+						<li><a href="#section4" title="Next Section">Freedom</a></li>
 					</ul>
 				</nav>
 			</div>

@@ -47,7 +47,7 @@
 </div>
 <div id="section3" class="section">
 	<div class="content">
-		<div id="entymology">
+		<div id="etymology">
 			<div class="textbox">
 				<h1>WEIRD</h1>
 				<div class="dictionary">