create separate page for login

app/assets/stylesheets/sessions.scss

@@ -0,0 +1,10 @@
+.login {
+  .center-panel {
+    .center-panel-size {
+      max-width: 600px
+    }
+    .center-panel-content-size {
+      max-width: 500px;
+    }
+  }
+}

app/assets/stylesheets/shared.scss

@@ -26,7 +26,7 @@ html, body {
   background: #ffffff;
 }
 
-.app-background {
+.background {
   height: 350px;
   width: 100%;
   background: asset-url('greenlight_background');
@@ -35,6 +35,10 @@ html, body {
   background-repeat: no-repeat;
 }
 
+body[data-controller=landing].app-background {
+  @extend .background;
+}
+
 body[data-controller=landing][data-action=rooms].app-background {
   background-image: asset-url('bg_personal_room');
 }
@@ -61,14 +65,14 @@ body[data-controller=landing][data-action=rooms].app-background {
   padding: 20px;
 }
 
+.center-block {
+  float: none;
+}
 .center-panel {
-  .center-block {
-    float: none;
-  }
   .center-panel-size {
     max-width: 900px
   }
-  .center-panel-conent-size {
+  .center-panel-content-size {
     max-width: 800px;
   }