moved content to middle on welcome page, fancied up login page

zlg/src/pages/welcome/welcome.html

@@ -1,11 +1,14 @@
 
 
 <ion-content padding-vertical style="background: url(../assets/img/welcome.png) no-repeat center;background-size:cover">
-  <div style="align-items: center">
-  <h1 style="color: black; text-align: center;"> Welcome to the Vault </h1>
-
+  
+  <ion-grid style="height: 100%; justify-content: center;">
+          <h1 style="color:white; text-shadow: #7D5FE7 2px 2px; text-align: center; width: 100%;">Welcome to the Vault</h1>
+    <ion-row>
   <button ion-button block style="background-color: #7D5FE7; color: white" (click)="login()">Login</button>
+    </ion-row>
+    <ion-row>
   <button ion-button block style="background-color: #7D5FE7; color: white" (click)="signup()">Signup</button>
-
-  </div>  
+    </ion-row>
+  </ion-grid>  
   </ion-content>