styling

public/index.html

@@ -4,6 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <meta name="theme-color" content="#000" />
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title><%= htmlWebpackPlugin.options.title %></title>
   </head>

src/App.vue

@@ -31,6 +31,10 @@
     color: #fcfa86;
     background: #000;
   }
+  html {
+    font-family: 'JetBrains Mono', monospace;
+    background-color: rgb(0, 0, 0);
+  }
   body {
     font-family: 'JetBrains Mono', monospace;
     background-color: rgb(0, 0, 0);

src/views/Home.vue

@@ -276,6 +276,7 @@
 
   .share {
     max-width: 30em;
+    width: 80%;
     mix-blend-mode: soft-light;
   }
   .share:hover {