diff --git a/app/static/css/site.scss b/app/static/css/site.scss
index c4e21b6..53df705 100644
--- a/app/static/css/site.scss
+++ b/app/static/css/site.scss
@@ -1,7 +1,8 @@
 :root {
-    --fg: rgb(240, 240, 240);
+    --bg: rgb(16, 16, 16);
+    --fg: #CCCCCC;
     --blue: rgb(110, 194, 240);
-    --title: rgb(110, 194, 240);
+    --title: #ffe2e7;
 }
 
 @font-face {
@@ -33,8 +34,10 @@ header {
     }
     .burger {
         cursor: pointer;
-        padding-left: 4px;
         padding-right: 4px;
+        @media(max-width:768px) {
+            padding-left: 4px;
+        }
         svg {
             width: 16px;
             height: 16px;
diff --git a/app/static/css/style.css b/app/static/css/style.css
index c907dfa..091ba44 100644
--- a/app/static/css/style.css
+++ b/app/static/css/style.css
@@ -1,10 +1,7 @@
 body {
     margin: 0;
-    //background: rgb(240, 240, 240);
-    //background: rgb(144, 144, 144);
-    //color: rgb(0, 0, 0);
-    background: rgb(16, 16, 16);
-    color: rgb(240, 240, 240);
+    background: var(--bg);
+    color: var(--fg);
     font-family: "Noto Sans", "Lucida Grande", "Segoe UI", "DejaVu Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
     line-height: normal;
 }