feat: working WebGL graph with selection/highlighting

src/App.css

@@ -23,28 +23,38 @@ footer {
   font-size: x-small;
 }
 
+/*=========Network Controls=========*/
+
 .controls {
   z-index: 9;
   position: absolute;
-  top: 24;
-  left: 24;
+  width: 240px;
+  right: 24px;
+  top: 1vh;
   padding: 16px;
 
   .control {
     display: flex;
     flex-direction: row;
+    margin: 4px 2px;
+    background-color: aliceblue;
 
     * {
-      margin: 0 4px;
+      margin: 4px;
     }
   }
+
+  #three-slider {
+    display: flex;
+    flex-direction: row;
+  }
 }
 
 /* The switch - the box around the slider */
 .switch {
   position: relative;
   width: 68px;
-  height: 34px;
+  height: 42px;
 }
 
 /* Hide default HTML checkbox */
@@ -239,13 +249,19 @@ button,
   #control-panel {
     grid-template-columns: repeat(2, 1fr);
   }
+
 }
 
+
 @media only screen and (max-width: 768px) {
   #control-panel {
     grid-template-columns: 1fr;
   }
 
+  .networkroute {
+    display: none;
+  }
+
   .submit_text {
     display: none;
   }
@@ -312,6 +328,8 @@ button,
   font-size: 150%;
 }
 
+/*======LOGO=======*/
+
 .logo {
   position: relative;
   text-align: center;
@@ -339,6 +357,15 @@ button,
   }
 }
 
+.networkroute {
+  z-index: 10;
+  position: absolute;
+  top: 24px;
+  left: 48px;
+}
+
+/*======SPINNER=======*/
+
 .loader {
   display: block;
   position: relative;