css adjustments

Client/WebServer/css/credits.css

@@ -0,0 +1,21 @@
+.credits {
+    width: 100%;
+    margin: auto;
+    margin-bottom: 50;
+    text-align: center;
+    position:absolute;
+    bottom:0;
+  }
+  
+  .credits p {
+    font-family: 'Saira Condensed';
+    font-size: 140%;
+    color: whitesmoke;
+    padding: 0 100;
+  }
+  
+  .credits-red {
+    color: #e3493c;
+    font-weight: 700;
+  }
+  

Client/WebServer/css/docs.css

@@ -0,0 +1,9 @@
+
+  .docs-page {
+    padding: 15px;
+    margin-bottom: 20px;
+    border: 2px solid;
+    border-color: #1b998b;
+    border-radius: 8px;
+    background-color: #fdfdfd;
+  }

Client/WebServer/css/main.css

@@ -22,23 +22,3 @@
   font-style: normal;
 }
 
-.credits {
-  width: 100%;
-  margin: auto;
-  margin-bottom: 50;
-  text-align: center;
-  position:absolute;
-  bottom:0;
-}
-
-.credits p {
-  font-family: 'Saira Condensed';
-  font-size: 140%;
-  color: whitesmoke;
-  padding: 0 100;
-}
-
-.red {
-  color: #e3493c;
-  font-weight: 700;
-}

Client/WebServer/css/tutorial.css

@@ -239,14 +239,14 @@
   }
   
   /* Tooltip container */
-  .tooltip {
+  .tutorial-tooltip {
     position: relative;
     display: inline-block;
     border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
   }
   
   /* Tooltip text */
-  .tooltip .tooltiptext {
+  .tutorial-tooltip .tooltiptext {
     visibility: hidden;
     width: 240px;
     background-color: #0295aa;
@@ -258,7 +258,7 @@
     padding: 15px;
     border-radius: 6px;
   
-    /* Position the tooltip text */
+    /* Position the tutorial-tooltip text */
     position: absolute;
     z-index: 1;
     bottom: 125%;
@@ -266,13 +266,13 @@
     margin-left: -120px;
      
   
-    /* Fade in tooltip */
+    /* Fade in tutorial-tooltip */
     opacity: 0;
     transition: opacity 0.3s;
   }
   
   /* Tooltip arrow */
-  .tooltip .tooltiptext::after {
+  .tutorial-tooltip .tooltiptext::after {
     content: "";
     position: absolute;
     top: 100%;
@@ -284,7 +284,7 @@
   }
   
   /* Show the tooltip text when you mouse over the tooltip container */
-  .tooltip:hover .tooltiptext {
+  .tutorial-tooltip:hover .tooltiptext {
     visibility: visible;
     opacity: 1;
   }