Rearrange elements in home-card

src/app/components/home/home-page/home-page.component.scss

@@ -2,13 +2,13 @@
 
 .outer {
   width: 90%;
-  max-width: 600px;
+  max-width: 400px;
   background-color: #bbdefb;
 }
 
 .main-heading-primary {
   display: block;
-  font-size: 120%;
+  font-size: 150%;
   font-weight: bold;
   text-align: center;
   letter-spacing: 10px;
@@ -19,7 +19,7 @@
 .main-heading-secondary {
   font-family: sans-serif;
   display: block;
-  font-size: 40%;
+  font-size: 60%;
   text-align: center;
   letter-spacing: 10px;
   color: mat-color($arsnova-accent,500);

src/app/components/home/new-landing/new-landing.component.html

-<div fxLayout="column" fxLayoutAlign="center center" fxlayoutgap="50px" fxFill>
+<div fxLayout="column" fxLayoutAlign="center center" fxlayoutgap="20px" fxFill>
     <app-room-join></app-room-join>
     <button mat-fab class="fab-extended" color="primary" (click)="createSession()">
       <mat-icon class="add">add</mat-icon>

src/app/components/home/new-landing/new-landing.component.scss

@@ -2,7 +2,7 @@
   width: 75%;
   height: 40px;
   border-radius: 32px;
-  margin-bottom: 10%;
+  margin-bottom: 5%;
   font-size: large;
 }
 

src/app/components/shared/room-join/room-join.component.scss

@@ -3,7 +3,7 @@ mat-form-field {
 }
 
 form {
-  padding-top: 40px;
+  padding-top: 5%;
 }
 
 .demo {