diff --git a/static/css/style.css b/static/css/style.css
index 78e47b6..bba869a 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1,31 +1,56 @@
 body {
-    font-family: sans-serif;
-    background: #5e4d47;
-    padding: 48px;
-  }
-  
-  h1 {
-    color: #e1948d;
-    text-align: center;
-    font-size: 115px;
-  }
-  
-  h3 {
-    color: #e1948d;
-    text-align: center;
-    font-size: 55px;
-  }
-  
-  .card {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  
-    margin: auto;
-    width: 90%;
-    aspect-ratio: 8 / 5;
-    border-radius: 7rem;
-    background: #fafafa;
-    padding: 10px;
-  }
-  
\ No newline at end of file
+  font-family: sans-serif;
+  background: #5e4d47;
+  padding: 48px;
+}
+
+h1 {
+  color: #e1948d;
+  text-align: center;
+  font-size: 115px;
+}
+
+h3 {
+  color: #e1948d;
+  text-align: center;
+  font-size: 55px;
+}
+
+.card {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: auto;
+  width: 90%;
+  aspect-ratio: 8 / 5;
+  border-radius: 7rem;
+  background: #fafafa;
+  padding: 10px;
+  margin-bottom: 10%; 
+}
+
+.buttons {
+  display: flex;
+  justify-content: space-between;
+  flex-direction: column;
+  align-items: center;
+  margin: auto;
+  width: 90%;
+  aspect-ratio: 9 / 5;
+
+}
+
+.button {
+  width: 100%;
+  height: 25%;
+  padding: 20px;
+  margin: 10px 0;
+  background-color: #E1948D;
+  border: 1px solid #E1948D;
+  border-radius: 4px;
+  cursor: pointer;
+  box-sizing: border-box;
+  font-weight: bold;
+  color: #FAFAFA;
+  font-size: 50px;
+}
diff --git a/templates/login.html b/templates/login.html
index b679469..40c26a3 100644
--- a/templates/login.html
+++ b/templates/login.html
@@ -63,12 +63,12 @@
                 box-sizing: border-box;
                 font-weight: bold;
             }
-
+            
+            /* I think hover may not be as important bc its for the phone  */
             .login-container input[type="submit"]:hover {
                 background-color: #B05E57;
                 border: 1px solid #B05E57;
             }
-
         </style>
     </head>
     <body>
diff --git a/templates/mainScreen.html b/templates/mainScreen.html
index e7f748c..3ba4742 100644
--- a/templates/mainScreen.html
+++ b/templates/mainScreen.html
@@ -21,11 +21,19 @@ <h1>DIVE DEEPER</h1>
       </header>
     </div>
 
-    <div class="container">
-        <div class="card">
-            <h3>build deeper connections with people.<h3>
-            </div>
+    <div class="card">
+      <h3>build deeper connections with people.<h3>
+    </div>
+    
+    <div class="card">
+      <div class="buttons">
+        <button class="button" type="submit">Login</button>
+        <button class="button" type="submit">Sign Up</button>
+        <button class="button" type="submit">Play As Guest</button>  
       </div>
+    </div>
+
+    
       
   </body>
 </html>
\ No newline at end of file
