Homepage, still with header

3 files changed, 22 insertions, 20 deletions

diff --git a/client/colors.less b/client/colors.less
index 2255e0d..e964600 100644
--- a/client/colors.less
+++ b/client/colors.less
@@ -27,38 +27,41 @@ body {
       align-items: center;
       justify-content: center;
       height: auto;
-      max-width: 500px;
+      max-width: 700px;
       margin: 0 auto;
       margin-top: 85px;
       div.login {
         text-align: center;
         flex: 0 0 auto;
         h1 {
-          color: #2636F9;
-          font-size: 3.5em;
+          color: black;
+          font-size: 12em;
           font-weight: bold;
+          img {
+            margin-left: 2px;
+            margin-right: 2px;
+            height: 88px;
+          }
         }
         h2 {
-          margin: 30px 10px 0px 10px;
-          font-size: 2em;
+          margin-top: 15px;
+          font-size: 3.8em;
           font-weight: bold;
-          color: #333;
-        }
-        hr {
-          margin-top: 50px;
-          border-top: 1px #2636F9 solid;
-          width: 2em;
+          color: black;
         }
         button.login {
-          margin-top: 20px;
-          color: #2636F9;
-          font-size: 1.3em;
+          margin-top: 140px;
+          font-family: 'Cutive Mono', serif;
+          font-weight: bold;
+          color: black;
+          font-size: 1.6em;
           background-color: white;
-          padding: 7px 35px;
-          border: 1px #2636F9 solid;
+          padding: 7px 15px;
+          border: 0px;
+          border-bottom: 1px black solid;
           &:hover, &:active {
             color: white;
-            background-color: #2636F9;
+            background-color: black;
           }
         }
       }
diff --git a/client/templates/login.html b/client/templates/login.html
index 7b1bd72..6826908 100644
--- a/client/templates/login.html
+++ b/client/templates/login.html
@@ -1,9 +1,8 @@
 <template name="login">
   <div class="login-wrapper">
     <div class="login">
-      <h1>Hello!</h1>
-      <h2>Start the process of creating your custom icon by logging into your Instagram account</h2>
-      <hr>
+      <h1>m<img src="/img/icons/01.gif">des</h1>
+      <h2>Reflect Yourself</h2>
       <button class="login">Login with Instagram</button>
     </div>
   </div>
diff --git a/public/img/icons/01.gif b/public/img/icons/01.gif
new file mode 100644
index 0000000..66b0aac
--- /dev/null
+++ b/public/img/icons/01.gif