diff --git a/luckydiamond/src/assets/css/global.css b/luckydiamond/src/assets/css/global.css
index c97ea56..5ba6fe2 100644
--- a/luckydiamond/src/assets/css/global.css
+++ b/luckydiamond/src/assets/css/global.css
@@ -21,7 +21,7 @@ body, html {
 
 .content-grid {
     display: grid;
-    grid-template-columns: repeat(6, 1fr) 2fr;
+    grid-template-columns: .3fr repeat(5, 1fr) 1.2fr;
     grid-template-rows: repeat(6, 1fr);
     grid-auto-columns: 1fr;
     gap: 0px 0px;
@@ -33,6 +33,8 @@ body, html {
     "menu gamemode gamemode gamemode gamemode gamemode chat"
     "menu gamemode gamemode gamemode gamemode gamemode chat"
     "menu gamemode gamemode gamemode gamemode gamemode chat";
+    height: 100%;
+    grid-gap: 10px;
 }
 
 /* /Content Grid */
@@ -41,6 +43,9 @@ body, html {
 
 .header {
     grid-area: header;
+    border-radius: 20px;
+    background: #17181C;
+    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
 }
 
 /* /Header */
@@ -49,6 +54,10 @@ body, html {
 
 .menu {
     grid-area: menu;
+    background: #17181C;
+    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
+    border-radius: 20px;
+    height: 100%;
 }
 
 /* /Menu */
@@ -57,6 +66,9 @@ body, html {
 
 .chat {
     grid-area: chat;
+    background: #16171B;
+    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
+    border-radius: 20px;
 }
 
 /* /Chat */
@@ -65,6 +77,9 @@ body, html {
 
 .main {
     grid-area: main;
+    background: #999;
+    height: 100%;
+    padding-top: 200px;
 }
 
 /* /Main */
@@ -73,6 +88,7 @@ body, html {
 
 .gamemode {
     grid-area: gamemode;
+    background: #123123;
 }
 
 /* /GameMode */
\ No newline at end of file