Update start & leave button

*Aligned the buttons to center of player list

Author: BrandyNguyen2

client/src/lib/components/HostControls.svelte

@@ -12,8 +12,9 @@
 <style>
   .host-controls {
     display: flex;
-    justify-content: center;
+    justify-content: left;
     margin-top: 20px;
+    margin-left: 100px;
   }
 
   .start-button {
@@ -28,6 +29,6 @@
   }
 
   .start-button:hover {
-    background-color: #333333;
+    background-color: rgb(190, 10, 10);
   }
 </style>

client/src/routes/+page.svelte

@@ -254,6 +254,20 @@
     all: unset;
   }
 
+  .leave-button {
+    background-color: #222222;
+    color: white;
+    font-size: 24px;
+    font-family: "Audiowide", sans-serif;
+    border-radius: 10px;
+    padding: 10px 20px;
+    cursor: pointer;
+    transition: background-color 0.3s;
+    position: absolute;
+    left: 730px;
+    top: 600px;
+  }
+
   button.no-hover:hover {
     background-color: initial;
     transform: none;