core: further condense css

default.css

@@ -22,19 +22,13 @@ body {
 
 #introLeft {
     display: inline-block;
-    max-width: 74rem;
+    max-width: 71rem;
     width: 100%;
 }
 
 #introRight {
     display: inline-block;
-    max-width: 5rem;
-    width: 100%;
-}
-
-.navigation {
-    text-align: center;
-    max-width: 4rem;
+    max-width: 8rem;
     width: 100%;
 }
 
@@ -84,8 +78,11 @@ a {
     display: inline-block;
     margin: 6px;
     margin-top: 0px;
+    max-width: 8rem;
     padding: 8px;
+    text-align: center;
     text-decoration: none;
+    width: 100%;
 }
 
 a:hover, a:active {

index.html

@@ -12,8 +12,8 @@
             <p>Function over form by design</p>
         </div>
         <div id="introRight">
-            <a class="navigation" href="https://www.github.com/trimutex">GitHub</a>
-            <a class="navigation" href="https://lab.trianta.dev/Trianta">Projects</a>
+            <a href="https://www.github.com/trimutex">GitHub</a>
+            <a href="https://lab.trianta.dev/Trianta">Projects</a>
         </div>
         <h2>Completed Projects</h2>
         <div class="card">