add action button on home page

index.html

@@ -34,7 +34,9 @@
 
     </div>
     <div id="right" class="column">
-
+        <button class="home-room">Join Public Game</button>
+        <button class="home-room">New Public Game</button>
+        <button class="home-room">New Private Game</button>
     </div>
 </div>
 

styles/index.css

@@ -35,15 +35,29 @@
 }
 
 #left {
-    background-color: red;
+    display: flex;
+    flex-direction: column;
     width: 60%;
     padding: 3em;
+    background-color: red;
 }
 
 #right {
-     background-color: blue;
+     display: flex;
+     flex-direction: column;
+     justify-content: space-evenly;
+     align-items: center;
      width: 40%;
      padding: 3em;
+     background-color: blue;
+}
+
+.home-room {
+    width: 50%;
+    padding: 1.5em;
+    background-color: yellow;
+    font-family: var(--font);
+    font-size: 1.4em;
 }
 
 h1 {