made intro panel purple

static/css/main.css

@@ -21,7 +21,7 @@
 }
 
 *::-moz-selection {
-  background: white;
+  background: #f0f0f0;
   color: #1c1c1c;
 }
 
@@ -107,7 +107,7 @@ li span.nav-button:hover {
 
 .nav-top {
   height: 24px;
-  background: white;
+  background: #f0f0f0;
   width: 100%;
   position: fixed;
   cursor: pointer;
@@ -116,7 +116,7 @@ li span.nav-button:hover {
 
 .nav-bottom{
   height: 24px;
-  background: white;
+  background: #f0f0f0;
   width: 100%;
   bottom: 0;
   position: fixed;
@@ -277,7 +277,7 @@ button#listoffiles {
 }
 
 button#listoffiles:hover {
-  background: white !important;
+  background: #f0f0f0 !important;
 }
 
 /* button#about {
@@ -290,7 +290,7 @@ button#listoffiles:hover {
 }
 
 button#about:hover {
-  background: white !important;
+  background: #f0f0f0 !important;
   cursor: pointer;
 } */
 
@@ -359,7 +359,7 @@ button.download:hover {
 #insert {
   left: 20%;
   top: 5%;
-  background: white;
+  background: #f0f0f0;
   width: 30%;
   height: 90%;
   z-index: 1;
@@ -368,8 +368,8 @@ button.download:hover {
 #intro {
   left: 21%;
   top: 10%;
-  background: #1c1c1c;
-  color: white;
+  background: #8048b7;
+  /* color: white; */
   width: 29%;
   height: 80%;
   z-index: 1;
@@ -378,7 +378,7 @@ button.download:hover {
 #howto {
   left: 22%;
   top: 15%;
-  background: white;
+  background: #f0f0f0;
   width: 28%;
   height: 70%;
   z-index: 2;
@@ -399,8 +399,12 @@ button.download:hover {
   /* border-radius: 5px 25px 5px 25px; */
 }
 
-#closeintro:hover, #closehowto:hover, #closeinsert:hover {
-  color: #8143b9;
+#closehowto:hover, #closeinsert:hover {
+  color: #8048b7;
+}
+
+#closeintro:hover {
+  color: #f0f0f0;;
 }
 
 div#closehowto {
@@ -410,7 +414,7 @@ div#closehowto {
 
 div#closeintro {
     margin-left: 22.2em;
-    color: white;
+    /* color: #f0f0f0; */
     /* color: #ec4e1e; */
 }
 
@@ -425,6 +429,6 @@ span.method-label {
 
 hr {
     border-style: ridge;
-    color: white;
+    color: #f0f0f0;
     width: 50%;
 }