diff --git a/frontend/dist/index.html b/frontend/dist/index.html
index b48d8b8..4ba5fa9 100644
--- a/frontend/dist/index.html
+++ b/frontend/dist/index.html
@@ -4,18 +4,18 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>wordl</title>
-    <link rel="stylesheet" href="/styles-156da33909a8dcda.css" integrity="sha384&#x2D;OUAnLtgaHRtUJCqGxKaXB&#x2B;08L7WjOJ8noyHNKzUmIF0MVaX8OvQp2nEwcOuWTE2c"/>
+    <link rel="stylesheet" href="/styles-7d2c8f0fd691faa0.css" integrity="sha384&#x2D;vVtDSoQCesd7mNbSeCqyUi29jl2L5JNP5SuhHro&#x2B;BqoXKfGZLIydlAJL&#x2F;iuP6uAs"/>
     <!-- <link data-trunk href="./assets/favicon.ico" rel="icon" type="image/x-icon"> -->
      
     <link rel="manifest" href="public/manifest.json" />
   
-<link rel="modulepreload" href="/wordl-frontend-590cf90ac3202d86.js" crossorigin=anonymous integrity="sha384-YfcyUtskzvmk1ZFFoDAlBKcXGliokP+ONHDzdyJ+ackDIvDUSi8e+7NWFKvrIDPt">
-<link rel="preload" href="/wordl-frontend-590cf90ac3202d86_bg.wasm" crossorigin=anonymous integrity="sha384-bhZ9Dih2QagSkTdJkriTyWwvkqvh6kxGpgZQ5Vd85yjQA/yaLz4DDnb3s/nv+SrG" as="fetch" type="application/wasm"></head>
+<link rel="modulepreload" href="/wordl-frontend-98b0ca891684b48c.js" crossorigin=anonymous integrity="sha384-YfcyUtskzvmk1ZFFoDAlBKcXGliokP+ONHDzdyJ+ackDIvDUSi8e+7NWFKvrIDPt">
+<link rel="preload" href="/wordl-frontend-98b0ca891684b48c_bg.wasm" crossorigin=anonymous integrity="sha384-JigC0JH1Q6CEtwHXKvkZqbidPip+tV0RIBVD21nX1oW0/xmvtQXyQUqvSBjf7H/x" as="fetch" type="application/wasm"></head>
   <body class="bg-black text-white">
   
-<script type="module" nonce="/KYzfPoyPTVa0oOSCHhDrQ==">
-import init, * as bindings from '/wordl-frontend-590cf90ac3202d86.js';
-const wasm = await init('/wordl-frontend-590cf90ac3202d86_bg.wasm');
+<script type="module" nonce="RKCo7DkWJqdAXCgVUxYuNg==">
+import init, * as bindings from '/wordl-frontend-98b0ca891684b48c.js';
+const wasm = await init('/wordl-frontend-98b0ca891684b48c_bg.wasm');
 
 
 window.wasmBindings = bindings;
diff --git a/frontend/dist/public/styles.css b/frontend/dist/public/styles.css
index 323225d..fe45adc 100644
--- a/frontend/dist/public/styles.css
+++ b/frontend/dist/public/styles.css
@@ -566,8 +566,8 @@ video {
   order: 9999;
 }
 
-.mt-6 {
-  margin-top: 1.5rem;
+.mt-12 {
+  margin-top: 3rem;
 }
 
 .mt-8 {
@@ -661,9 +661,9 @@ video {
   background-color: rgb(21 128 61 / var(--tw-bg-opacity));
 }
 
-.bg-red-200 {
+.bg-red-600 {
   --tw-bg-opacity: 1;
-  background-color: rgb(254 202 202 / var(--tw-bg-opacity));
+  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
 }
 
 .bg-yellow-400 {
diff --git a/frontend/dist/styles-156da33909a8dcda.css b/frontend/dist/styles-7d2c8f0fd691faa0.css
similarity index 99%
rename from frontend/dist/styles-156da33909a8dcda.css
rename to frontend/dist/styles-7d2c8f0fd691faa0.css
index 323225d..fe45adc 100644
--- a/frontend/dist/styles-156da33909a8dcda.css
+++ b/frontend/dist/styles-7d2c8f0fd691faa0.css
@@ -566,8 +566,8 @@ video {
   order: 9999;
 }
 
-.mt-6 {
-  margin-top: 1.5rem;
+.mt-12 {
+  margin-top: 3rem;
 }
 
 .mt-8 {
@@ -661,9 +661,9 @@ video {
   background-color: rgb(21 128 61 / var(--tw-bg-opacity));
 }
 
-.bg-red-200 {
+.bg-red-600 {
   --tw-bg-opacity: 1;
-  background-color: rgb(254 202 202 / var(--tw-bg-opacity));
+  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
 }
 
 .bg-yellow-400 {
diff --git a/frontend/dist/wordl-frontend-590cf90ac3202d86.js b/frontend/dist/wordl-frontend-98b0ca891684b48c.js
similarity index 100%
rename from frontend/dist/wordl-frontend-590cf90ac3202d86.js
rename to frontend/dist/wordl-frontend-98b0ca891684b48c.js
diff --git a/frontend/dist/wordl-frontend-590cf90ac3202d86_bg.wasm b/frontend/dist/wordl-frontend-98b0ca891684b48c_bg.wasm
similarity index 97%
rename from frontend/dist/wordl-frontend-590cf90ac3202d86_bg.wasm
rename to frontend/dist/wordl-frontend-98b0ca891684b48c_bg.wasm
index 5c50535..b424a83 100644
Binary files a/frontend/dist/wordl-frontend-590cf90ac3202d86_bg.wasm and b/frontend/dist/wordl-frontend-98b0ca891684b48c_bg.wasm differ
diff --git a/frontend/public/styles.css b/frontend/public/styles.css
index 323225d..fe45adc 100644
--- a/frontend/public/styles.css
+++ b/frontend/public/styles.css
@@ -566,8 +566,8 @@ video {
   order: 9999;
 }
 
-.mt-6 {
-  margin-top: 1.5rem;
+.mt-12 {
+  margin-top: 3rem;
 }
 
 .mt-8 {
@@ -661,9 +661,9 @@ video {
   background-color: rgb(21 128 61 / var(--tw-bg-opacity));
 }
 
-.bg-red-200 {
+.bg-red-600 {
   --tw-bg-opacity: 1;
-  background-color: rgb(254 202 202 / var(--tw-bg-opacity));
+  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
 }
 
 .bg-yellow-400 {
diff --git a/frontend/src/pages/home.rs b/frontend/src/pages/home.rs
index 6148b98..85a4566 100644
--- a/frontend/src/pages/home.rs
+++ b/frontend/src/pages/home.rs
@@ -266,7 +266,7 @@ pub fn Home() -> Html {
                         classes!(
                             "flex",
                             "flex-col",
-                            "mt-6",
+                            "mt-12",
                             "items-center",
                             "h-screen",
                         )
@@ -324,14 +324,13 @@ pub fn Home() -> Html {
                                        <span
                                        class={
                                         classes!(
-                                            "bg-gray-700",
                                             "w-16",
                                             "h-16",
                                             "text-center",
                                             "py-4",
                                             "font-bold",
                                             "text-lg",
-                                            "bg-red-200",
+                                            "bg-red-600",
                                         )
                                        }
                                    >