diff --git a/luckydiamond/public/index.html b/luckydiamond/public/index.html
index 2b53b0d..35163c3 100644
--- a/luckydiamond/public/index.html
+++ b/luckydiamond/public/index.html
@@ -5,6 +5,9 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link href="https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&family=Poppins:wght@400;600&family=Press+Start+2P&display=swap" rel="stylesheet">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title><%= htmlWebpackPlugin.options.title %></title>
   </head>
diff --git a/luckydiamond/src/assets/icons-gamemode/diamond-icon-main.png b/luckydiamond/src/assets/icons-gamemode/diamond-icon-main.png
new file mode 100644
index 0000000..9c27eec
Binary files /dev/null and b/luckydiamond/src/assets/icons-gamemode/diamond-icon-main.png differ
diff --git a/luckydiamond/src/pages/HomePage.vue b/luckydiamond/src/pages/HomePage.vue
index a93b345..9191b0e 100644
--- a/luckydiamond/src/pages/HomePage.vue
+++ b/luckydiamond/src/pages/HomePage.vue
@@ -33,7 +33,8 @@
                   :key="mode.id"
               >
                 <div class="line__content" style="margin: 16px 38px 0px 0px" :id="'maincard-' + mode.id">
-                  {{ mode.title }}
+                  <h1>{{ mode.title }}</h1>
+                  <img src="../assets/icons-gamemode/diamond-icon-main.png">
                 </div>
               </li>
             </ul>
@@ -216,4 +217,20 @@ export default {
 .gamemode__line--two #linetwo-5 {
   background: url("../assets/bg-gamemode/bg-mg.png");
 }
+
+.gamemode__main .line__content  {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  padding-top: 5px;
+}
+.gamemode__main .line__content h1 {
+  text-shadow: 6px 12px 9px rgba(0, 0, 0, 0.25);
+  font-family: 'Press Start 2P';
+  font-size: 64px;
+  color: #FFB400;
+  text-transform: uppercase;
+}
 </style>
\ No newline at end of file