diff --git a/luckydiamond/src/assets/css/PagesStyles/home.css b/luckydiamond/src/assets/css/PagesStyles/home.css
index 57968ad..1421572 100644
--- a/luckydiamond/src/assets/css/PagesStyles/home.css
+++ b/luckydiamond/src/assets/css/PagesStyles/home.css
@@ -68,10 +68,6 @@
 
 /* GameMode */
 
-.gamemode {
-    width: 80%;
-}
-
 .gamemode__content--text h2 {
     margin: 2% 0 .5% 10%;
     text-transform: uppercase;
@@ -94,10 +90,13 @@
     margin-top: 14px;
 }
 
-.gamemode__main {
+.bg-card {
     border-radius: 40px;
     background: #EF4444;
     box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
+}
+
+.gamemode__main {
     width: 32%;
     height: 100%;
     margin-left: 8%;
@@ -171,9 +170,6 @@
 }
 
 .gamemode__firstline {
-    background: #EF4444;
-    filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.25));
-    border-radius: 40px;
     margin: 0 0 18px 35px;
 }
 
@@ -222,9 +218,6 @@
 }
 
 .gamemode__twoline--first__element {
-    background: #EF4444;
-    filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.25));
-    border-radius: 40px;
     width: 100%;
     margin: 18px 36px 0 35px;
     min-height: 180px;
@@ -261,9 +254,6 @@
 }
 
 .gamemode__twoline--two__element {
-    border-radius: 40px;
-    background: #EF4444;
-    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
     margin-top: 18px;
     width: 100%;
     min-height: 180px;
diff --git a/luckydiamond/src/pages/HomePage.vue b/luckydiamond/src/pages/HomePage.vue
index 0659777..35e9361 100644
--- a/luckydiamond/src/pages/HomePage.vue
+++ b/luckydiamond/src/pages/HomePage.vue
@@ -21,7 +21,7 @@
         <div></div>
       </div>
       <div class="gamemode__content--card">
-        <div class="gamemode__main">
+        <div class="gamemode__main bg-card">
           <ul>
             <li
                 v-for="mode in mainGameMode"
@@ -40,7 +40,7 @@
           </ul>
         </div>
         <div class="gamemode__lines">
-          <div class="gamemode__firstline">
+          <div class="gamemode__firstline bg-card">
             <ul>
               <li
                   v-for="mode in firstlineGameMode"
@@ -59,7 +59,7 @@
             </ul>
           </div>
           <div class="gamemode__twolines">
-            <div class="gamemode__twoline--first__element">
+            <div class="gamemode__twoline--first__element bg-card">
               <ul>
                 <li
                     v-for="mode in twolinefirstelementGameMode"
@@ -75,7 +75,7 @@
                 </li>
               </ul>
             </div>
-            <div class="gamemode__twoline--two__element">
+            <div class="gamemode__twoline--two__element bg-card">
               <ul>
                 <li
                     v-for="mode in twolinetwoelementGameMode"