core: cleanup css and split intro in two

default.css

@@ -28,6 +28,16 @@ body {
     background: #03001C;
 }
 
+.introLeft {
+    display: inline-block;
+    max-width: 40rem;
+}
+
+.introRight {
+    display: inline-block;
+    max-width: 10rem;
+}
+
 #navigation {
     text-align: right;
     padding: 6px;
@@ -42,17 +52,6 @@ body {
     margin-right: auto;
 }
 
-.navItem {
-    background-color: #03001C;
-    border: solid 2px #8200FF;
-    border-radius: 12px;
-    color: #8200FF;
-    display: inline-block;
-    margin: 6px;
-    margin-top: 0px;
-    padding: 8px;
-}
-
 #top {
     margin-bottom: 6px;
     border-top-left-radius: 0px;
@@ -80,12 +79,9 @@ h1 {
     max-width: 650px;
     text-align: left;
     padding: 8px 1.5rem;
-    color: #301E67;
 }
 
 h2 {
-    background: #03001C;
-    color: #03001C;
     margin: auto;
     padding: 8px;
     text-align: center;
@@ -103,6 +99,14 @@ p {
 }
 
 a {
+    background-color: #03001C;
+    border: solid 2px #06CDFF;
+    border-radius: 12px;
+    color: #06CDFF;
+    display: inline-block;
+    margin: 6px;
+    margin-top: 0px;
+    padding: 8px;
     text-decoration: none;
 }
 
@@ -119,6 +123,11 @@ a.button {
     text-align: center;
 }
 
+a:visited {
+    border: solid 2px #8200FF;
+    color: #8200FF;
+}
+
 @keyframes hover {
     0% { box-shadow: 0 0 8px 4px #eff1f5; }
     15% { box-shadow: 0 0 8px 4px #bcc0cc; }