From b5508477e2b48f9f52b9c731916c4633a34796d9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mike=20Schw=C3=B6rer?= <mailport@mikescher.de>
Date: Sun, 22 Oct 2017 18:03:05 +0200
Subject: [PATCH] styles

---
 www/data/styles.css | 26 +++++++++++++++++++-------
 1 file changed, 19 insertions(+), 7 deletions(-)

diff --git a/www/data/styles.css b/www/data/styles.css
index ba30911..13f4698 100644
--- a/www/data/styles.css
+++ b/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 {
 }
 
 
+ 
\ No newline at end of file