diff --git a/app/assets/css/main.css b/app/assets/css/main.css
index 38f2054..96ec318 100644
--- a/app/assets/css/main.css
+++ b/app/assets/css/main.css
@@ -19,4 +19,18 @@
 
 body {
   font-family: 'Arial', sans-serif;
+}
+
+
+html, body {
+  margin: 0;
+  padding: 0;
+  background-color: #1d1e1f !important;
+  color: #c9d1d9;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+}
+
+*, *::before, *::after {
+  box-sizing: border-box;
 }
\ No newline at end of file
diff --git a/app/components/TheHeader.vue b/app/components/TheHeader.vue
index e37ee1a..257f41a 100644
--- a/app/components/TheHeader.vue
+++ b/app/components/TheHeader.vue
@@ -55,7 +55,7 @@ const query = ref('')
 }
 
 .navbar {
-  background-color: #1a1a1a;
+  background-color: #383838;
   border-bottom: 2px solid #333;
   padding: 10px 20px;
   font-family: 'Arial', sans-serif;