diff --git a/luckydiamond/src/assets/css/PagesStyles/home.css b/luckydiamond/src/assets/css/PagesStyles/home.css
new file mode 100644
index 0000000..421e092
--- /dev/null
+++ b/luckydiamond/src/assets/css/PagesStyles/home.css
@@ -0,0 +1,6 @@
+.main {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+}
\ No newline at end of file
diff --git a/luckydiamond/src/assets/css/global.css b/luckydiamond/src/assets/css/global.css
index 0debd28..6e93634 100644
--- a/luckydiamond/src/assets/css/global.css
+++ b/luckydiamond/src/assets/css/global.css
@@ -84,7 +84,9 @@ body, html {
 .main {
     grid-area: main;
     background: #999;
-    align-self: start;
+    width: 60%;
+    height: 50%;
+    margin: 0 auto;
 }
 
 /* /Main */
diff --git a/luckydiamond/src/pages/HomePage.vue b/luckydiamond/src/pages/HomePage.vue
index 7287460..29e46c3 100644
--- a/luckydiamond/src/pages/HomePage.vue
+++ b/luckydiamond/src/pages/HomePage.vue
@@ -25,6 +25,7 @@ import HeaderElementPage from "@/pages/HeaderElement.vue";
 import AsideBarElement from "@/pages/AsidebarElement.vue";
 import ChatElement from "@/pages/ChatElement.vue";
 import GameModes from "@/mocks/GameModes";
+import '@/assets/css/PagesStyles/home.css'
 
 export default {
   name: 'HomePage',