fix: header displaying incorrectly on older browsers, website background/centering

css/styles.css

@@ -1,22 +1,21 @@
 html {
-	max-width: 1200px;
-	
-	/* no idea why or how it works, but it works*/
-    display: block;
-	margin-left: 20%;
-	margin-right: 20%;
-	
     background: rgb(18,24,217);
     background-color: rgba(18,24,217);
     background: url(../images/bg.gif) repeat 0 0;
 }
 
+.page_div {
+    width: 60%;
+    margin-top: 0px;
+    margin-right: auto;
+    margin-bottom: 0px;
+    margin-left: auto;
+}
+
 #spike {
-	vertical-align: bottom;
+    vertical-align: bottom;
     border-style:solid;
-	border-color:rgba(18,24,217,0.6);
-    width: 10.1%;
-    height: 10.1%;
+    border-color:rgba(18,24,217,0.6);
     max-width: 100%;
     object-fit: cover;
 }
@@ -56,13 +55,18 @@ a:active {
 }
 
 .menu_link {
-	position: relative;
-	bottom: 1px;
+    position: fixed;
+    top: 90px;
+}
+
+.links_container {
+    margin-left: 145px;
+    position: absolute;
 }
 
 .menu {
-	width: auto;
-    height: auto;
+    width: 100%;
+    height: 101.683px;
     overflow: hidden;
     background: #1218d9;
     background-color: rgba(18,24,217,0.6);