New login design, added basic logic for multiplayer (WIP)

src/assets/login.scss

@@ -1,5 +1,6 @@
 #bg-img {
   height: 100vh;
+  width: 100%;
   position: absolute;
   z-index: -1;
   left: 50%;
@@ -40,7 +41,7 @@
           label {
             color: #000;
             background-color: rgba(255, 255, 255, 0.5);
-            padding: 0.25rem 0.5rem;
+            padding: 0.25rem 0.25rem;
             font-size: 0.875rem;
             border-top-left-radius: 3px;
             border-top-right-radius: 3px;
@@ -65,26 +66,22 @@
       gap: 0.5rem;
 
       .button {
-        padding: 1rem 0;
+        padding: 0.8rem 0;
         min-width: 6.25rem;
         text-align: center;
         position: relative;
         font-size: 0.80rem;
+        background-color: rgba(71, 65, 230, 0.75);
+        border: rgba(255, 255, 255, 0.35) 1px solid;
+        border-radius: 5px;
 
-        p {
+        span {
+          color: white;
           margin: auto;
         }
 
-        img {
-          position: absolute;
-          top: 0;
-          left: 0;
-          width: 100%;
-          z-index: -1;
-        }
-
         &:hover {
-          filter: brightness(60%);
+          background-color: rgba(123, 118, 255, 0.75);
           cursor: pointer;
         }
       }

src/assets/main.scss

@@ -7,6 +7,11 @@ body {
     -ms-overflow-style: none;
     scrollbar-width: none;
     background: black;
+
+    // Disable selection, might wanna comment when debugging
+    -webkit-user-select: none; /* Safari */
+    -ms-user-select: none; /* IE 10 and IE 11 */
+    user-select: none; /* Standard syntax */
 }
 
 p, a, li, label {