fix: spacing in menu items

css/styles.css

@@ -1,11 +1,11 @@
 #spike {
     float: left;
     border-style:solid;
-	border-color:rgba(18,24,217,0.6);
+    border-color:rgba(18,24,217,0.6);
     width: 10.1%;
     height: auto;
-	max-width: 100%;
-	object-fit: cover;
+    max-width: 100%;
+    object-fit: cover;
 }
 
 /* centers the website */
@@ -39,16 +39,16 @@ a:active {
     height: auto;
     overflow:auto;
     background-color: rgba(18,24,217,0.6);
-	top: 0;
-	left:0px;
-	right:0px;
+    top: 0;
+    left:0px;
+    right:0px;
 }
 
 .menu  {
+    display: flex;
+    gap: 10px;
     font-weight: bold;
-    float: left;
-    margin-top: 6.2%;
-    margin-left: 0.5%;
+    margin-top: 6.4%;
 }
 
 body {

index.html

@@ -11,8 +11,9 @@
             <a href="./index.html"><img alt="Spike" src="images/spike.jpg" id="spike"></a>
         </a>
         <div class="menu">
-            <a href="pages/blog.html">the blog</a>
-			<a href="//github.com/ALittlePatate">github</a>
+            <a> </a>
+            <a href="pages/blog.html"> the blog</a>
+            <a href="//github.com/ALittlePatate">github</a>
             <a href="pgp/key.txt">pgp key</a>
         </div>
     </div>