Crisis averted

Also changed the styling for Login

src/components/screens/Login.vue

@@ -4,30 +4,39 @@
   <div class="content-wrapper">
     <h1 class="main-title">NEW QUEST</h1>
 
-    <div class="login-form">
-      <form method="post">
-        <div class="form-field">
-          <label for="username">Username</label>
-          <input v-model="username" type="text" name="username" required>
-        </div>
-        <div class="form-field">
-          <label for="password">Password</label>
-          <input v-model="password" type="password" name="password" required>
-        </div>
-      </form>
-    </div>
+    <div class="content-elements">
+      <div class="login-form">
+        <form method="post">
+          <div class="form-field">
+            <label for="username">Username</label>
+            <input v-model="username" type="text" name="username" required>
+          </div>
 
-    <div class="row-buttons">
-      <button class="button button-1" id="submit" @click="submit">
-        LOGIN
-      </button>
-      <button class="button button-2" @click="register">
-        REGISTER
-      </button>
-      <button class="button button-3">
-        CREDITS
-      </button>
+          <div class="form-field">
+            <label for="password">Password</label>
+            <input v-model="password" type="password" name="password" required>
+          </div>
+        </form>
+      </div>
+
+      <div class="row-buttons">
+        <button class="button button-1" id="submit" @click="submit">
+          <p>LOGIN</p>
+          <img src="/assets/Button_1.png" />
+        </button>
+
+        <button class="button button-2" @click="register">
+          <p>REGISTER</p>
+          <img src="/assets/Button_2.png" />
+        </button>
+
+        <button class="button button-3">
+          <p>CREDITS</p>
+          <img src="/assets/Button_3.png" />
+        </button>
+      </div>
     </div>
+    
   </div>
 </template>