diff --git a/client/index.html b/client/index.html
index 7123357..15493f7 100644
--- a/client/index.html
+++ b/client/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Jankboard</title>
+    <title>Jankboard 2</title>
   </head>
   <body>
     <div id="app"></div>
diff --git a/client/src/App.svelte b/client/src/App.svelte
index a6f5bc7..9aac21e 100644
--- a/client/src/App.svelte
+++ b/client/src/App.svelte
@@ -1,37 +1,13 @@
 <script lang="ts">
+  import '@fontsource/roboto/latin.css'
   import svelteLogo from './assets/svelte.svg'
   import viteLogo from '/vite.svg'
-  import Counter from './lib/Counter.svelte'
 </script>
 
-<main>
-  <div>
-    <a href="https://vitejs.dev" target="_blank" rel="noreferrer">
-      <img src={viteLogo} class="logo" alt="Vite Logo" />
-    </a>
-    <a href="https://svelte.dev" target="_blank" rel="noreferrer">
-      <img src={svelteLogo} class="logo svelte" alt="Svelte Logo" />
-    </a>
-  </div>
-  <h1>Vite + Svelte</h1>
-
-  <div class="card">
-    <Counter />
-  </div>
-
-  <p>
-    Check out <a
-      href="https://github.com/sveltejs/kit#readme"
-      target="_blank"
-      rel="noreferrer">SvelteKit</a
-    >, the official Svelte app framework powered by Vite!
-  </p>
-
-  <p class="text-blue-400">Click on the Vite and Svelte logos to learn more</p>
-</main>
+<main></main>
 
 <style lang="postcss">
   main {
-    @apply bg-blue-500;
+    font-family: 'Roboto', sans-serif;
   }
 </style>
diff --git a/client/src/app.css b/client/src/app.css
index f3aaf07..79af57d 100644
--- a/client/src/app.css
+++ b/client/src/app.css
@@ -12,4 +12,8 @@
       @apply text-blue-300 hover:text-blue-500 visited:text-purple-300;
     }
   }
+
+  body {
+    @apply bg-black;
+  }
 }
diff --git a/client/src/lib/Counter.svelte b/client/src/lib/Counter.svelte
deleted file mode 100644
index 979b4df..0000000
--- a/client/src/lib/Counter.svelte
+++ /dev/null
@@ -1,10 +0,0 @@
-<script lang="ts">
-  let count: number = 0
-  const increment = () => {
-    count += 1
-  }
-</script>
-
-<button on:click={increment}>
-  count is {count}
-</button>
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..c55f628
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,17 @@
+{
+  "name": "jankboard-2",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "dependencies": {
+        "@fontsource/roboto": "^5.0.8"
+      }
+    },
+    "node_modules/@fontsource/roboto": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/@fontsource/roboto/-/roboto-5.0.8.tgz",
+      "integrity": "sha512-XxPltXs5R31D6UZeLIV1td3wTXU3jzd3f2DLsXI8tytMGBkIsGcc9sIyiupRtA8y73HAhuSCeweOoBqf6DbWCA=="
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..abe2e29
--- /dev/null
+++ b/package.json
@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "@fontsource/roboto": "^5.0.8"
+  }
+}
