minor design changes

public/HFT.html

@@ -64,7 +64,7 @@
       <strong><i class="fas fa-copy"></i> Menu</strong>
   </h2> -->
   <div class="backdrop mainbackdrop" id="DCMO" style="display:show">    
-    <h3>  Layer selection </h3>
+    <h2>  Layer selection </h2>
     <table>
       <tbody>
         <tr>

public/css/index.css

@@ -26,7 +26,7 @@ h1 {
 h2 {
 	/* font-family: 0.75em 'Lato', sans-serif; */
 	font-weight: bold;
-    color: wheat;
+    color: rgb(8, 228, 118);
 }
 h3 {
 	/* font: 1em 'Lato', sans-serif;

public/css/roundedButton.css

@@ -21,7 +21,7 @@
   left: 0;
   right: 0;
   bottom: 0;
-  background-color: #ccc;
+  background-color: rgb(138, 138, 138);
   -webkit-transition: .4s;
   transition: .4s;
 }
@@ -39,11 +39,11 @@
 }
 
 input:checked + .slider {
-  background-color: #2196F3;
+  background-color: rgb(8, 228, 118);
 }
 
 input:focus + .slider {
-  box-shadow: 0 0 1px #2196F3;
+  box-shadow: 0 0 3px #01111f;
 }
 
 input:checked + .slider:before {