changed colours on the text panels for legibility

static/css/main.css

@@ -16,13 +16,13 @@
 }
 
 *::selection {
-  background: white;
-  color: black;
+  background: #8143b9;
+  /* color: #1c1c1c; */
 }
 
 *::-moz-selection {
   background: white;
-  color: black;
+  color: #1c1c1c;
 }
 
 body{
@@ -32,7 +32,7 @@ body{
 
 a {
   text-decoration: none;
-  color: black;
+  color: #1c1c1c;
 }
 
 sup#fn54, sup#fn38, sup#fn66 {
@@ -128,7 +128,7 @@ li span.nav-button:hover {
 span.librarian-names, span.file-names {
   text-decoration: none;
   padding: 0.3em;
-  color: black;
+  color: #1c1c1c;
   font-family: 'ApfelGrotezk', sans-serif;
 }
 
@@ -159,7 +159,7 @@ height: inherit;
 /*********************/
 
 #listofpeople{
-  /*border-bottom: black 1px solid;*/
+  /*border-bottom: #1c1c1c 1px solid;*/
   padding: 1.7em 0em;
   overflow-y: scroll;
   /* border: lime 1px solid; */
@@ -218,7 +218,7 @@ height: inherit;
   background: #ea4f2b;
 }
 *::-webkit-scrollbar-thumb {
-  background-color: #8048b7;
+  background-color: #1c1c1c;
   border-radius: 20px;
   border: 3px solid #ea4f2b;
 }
@@ -353,32 +353,33 @@ button.download:hover {
   overflow-y: scroll;
   position: fixed;
   display: none;
-  padding: 1em;
+  padding: 1em 2em 1em 1em;
 }
 
 #insert {
   left: 20%;
   top: 5%;
-  background: #8048b7;
+  background: white;
   width: 30%;
   height: 90%;
   z-index: 1;
 }
 
 #intro {
-  left: 25%;
+  left: 21%;
   top: 10%;
-  background: #ea4f2b;
-  width: 25%;
+  background: #1c1c1c;
+  color: white;
+  width: 29%;
   height: 80%;
   z-index: 1;
 }
 
 #howto {
-  left: 30%;
+  left: 22%;
   top: 15%;
-  background: #8048b7;
-  width: 20%;
+  background: white;
+  width: 28%;
   height: 70%;
   z-index: 2;
 }
@@ -391,28 +392,31 @@ button.download:hover {
   float: right;
   cursor: pointer;
   position: fixed;
-  background: black;
-  padding: 0 0.2em 0.3em 0.2em;
-  border-radius: 5px 25px 5px 25px;
+  color: #1c1c1c;
+  font-weight: bold;
+  /* background: #1c1c1c; */
+  /* padding: 0 0.2em 0.3em 0.2em; */
+  /* border-radius: 5px 25px 5px 25px; */
 }
 
 #closeintro:hover, #closehowto:hover, #closeinsert:hover {
-  background: white;
+  color: #8143b9;
 }
 
 div#closehowto {
-    margin-left: 14em;
-    color: #8143b9;
+    margin-left: 21.3em;
+    /* color: #8143b9; */
 }
 
 div#closeintro {
-    margin-left: 18.4em;
-    color: #ec4e1e;
+    margin-left: 22.2em;
+    color: white;
+    /* color: #ec4e1e; */
 }
 
 div#closeinsert {
-    margin-left: 22.8em;
-    color: #8143b9;
+    margin-left: 23.1em;
+    /* color: #8143b9; */
 }
 
 span.method-label {
@@ -422,4 +426,5 @@ span.method-label {
 hr {
     border-style: ridge;
     color: white;
+    width: 50%;
 }