it's starting to come together!

root.css

@@ -14,33 +14,45 @@ body {
 	text-align: center;
 	color: #FFFFFF;
 }
-.center {
-	text-align: center;
+
+#wrapper { 
+		width: 1024px;
+		margin-left: auto;
+		margin-right: auto;
+			text-align: center;
 	background-color: #000000;
 	/* width: 90%; */
 	border-style: groove;
 	border-color: #000000;
+	
 }
+
 nav {
 	background-color: #333333;
 	border-style: inset;
 	border-color: #000000;
 	padding: none;
 }
-
-nav a {
+.button {
+	color: white;
+	text-decoration: none;
+	border-style: outset;
+	cursor: pointer;
+}
+	
+.button a {
 	color: #FFFFFF;
 	text-decoration: none;
 	border-style: outset;
 	cursor: pointer;
 }
-nav a:hover {
+.button a:hover {
 	border-style: inset;
 	
 }
 
 h1 { 
-	background-color: #444444;
+	/* background-color: #444444; */
 	padding: auto;
 	padding-left: 40px;
 	padding-right: 40px;
@@ -48,4 +60,21 @@ h1 {
 	padding-bottom: 20px;
 }
 
+ul {
+  list-style-type: none; /* Remove bullets */
+  padding: 0; /* Remove padding */
+  margin: 0; /* Remove margins */
+}
 
+
+@media only screen and (max-width: 1000px) {
+	#wrapper {
+		 width: 800px;
+	}
+}
+
+	
+	
+	
+	
+