Merge pull request #2 from cobraguy/styling

Add styling and dark mode

1 files changed, 14 insertions, 2 deletions

diff --git a/src/App.vue b/src/App.vue
index 34945a9..5a1f608 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -3,16 +3,28 @@
 </template>
 
 <style>
+*, *:before, *:after {
+  box-sizing: inherit;
+  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+}
+
 html {
   box-sizing: border-box;
 }
 
-*, *:before, *:after {
-  box-sizing: inherit;
+html, body {
+  margin: 0;
+  padding: 0;
 }
 
 #app {
   height: 100vh;
   max-height: 100vh;
 }
+
+@media (prefers-color-scheme: dark) {
+  body {
+    background-color: #121212;
+  }
+}
 </style>