changed the closing x

static/css/main.css

@@ -303,15 +303,15 @@ div#listofpeople{
   }
 
   div#closehowto {
-    margin-left: 21.3em;
+    /* margin-left: 21.3em; */
 }
 
 div#closeintro {
-    margin-left: 22.2em;
+    /* margin-left: 22.2em; */
 }
 
 div#closeinsert {
-    margin-left: 23.1em;
+    /* margin-left: 23.1em; */
 }
 
 
@@ -494,7 +494,6 @@ button.download {
   overflow-y: scroll;
   position: fixed;
   display: none;
-  padding: 1em 2em 1em 1em;
 }
 
 #insert, #howto {
@@ -509,22 +508,40 @@ button.download {
     width: 100%;
 }
 
+.intro, .howto, .insert {
+  padding: 1em 1em 1em 2em;
+}
+
 #closeintro, #closehowto, #closeinsert {
   float: right;
   cursor: pointer;
   position: fixed;
-  color: #1c1c1c;
   font-weight: bold;
+  padding: 0 0.3em 0.3em 0.3em;
+  border-radius: 50%;
+  margin: 0.5em;
+  background: #1c1c1c;
+}
+
+#closehowto, #closeinsert {
+  color: #f0f0f0;
+}
+
+#closeintro {
+  background:  #f0f0f0;
+  color: #1c1c1c;
 }
 
 #closehowto:hover, #closeinsert:hover {
-  color: #8048b7;
+  background: #f0f0f0;
+  color: #1c1c1c;
 }
 
 #closeintro:hover {
-  color: #f0f0f0;;
+  background: #8143b9;
 }
 
+
 span.method-label {
   text-transform: capitalize;
 }