styles

www/data/styles.css

@@ -1,10 +1,17 @@
 body {
     margin: 0;
+    background-color: #222;
+    
+    color: #CCC;
 }
 
 .headerdiv {
-    background-color: #353;
+    background-color: #333;
     display: flex;
+    border-bottom: 1px solid #111;
+    box-shadow: 0 0 8px #000000;
+    position: fixed;
+    width: 100%;
 }
 
 .headerdiv .logowrapper {
@@ -30,13 +37,13 @@ body {
     justify-content: center;
     align-items: center;
 
-    background-color: #888;
-    color: #FFF;
-    border: 1px solid black;
+    background-color: #111;
+    color: #CCC;
+    border: 1px solid #CCC;
     font-weight: bold;
 
     margin: 5px 10px;
-    padding: 0px 5px;
+    padding: 2px 5px;
     min-width: 64px;
     vertical-align: center;
     text-align: center;
@@ -46,6 +53,7 @@ body {
 
 .tab_github {
     background-color: #4078c0;
+    border: 1px solid #111;
     color: black;
 }
 
@@ -55,8 +63,7 @@ body {
 
 .tab:hover {
     cursor: pointer;
-    color: blue;
-    background-color: #999;
+    background-color: #333;
 }
 
 .tab_github:hover {
@@ -66,6 +73,10 @@ body {
 
 @media (max-width: 800px) {
 
+    .headerdiv {
+        position: static;
+    }
+    
     .logowrapper {
         display: flex;
         align-items: center;
@@ -83,3 +94,4 @@ body {
 }
 
 
+