fixed styling on auth and added mascot above copy

assets/scripts/app/templates/auth/signin.hbs

@@ -2,6 +2,7 @@
   <p>You need to sign in to see this page.</p>
 {{/if}}
 
+<span class="mascot"></span>
 <h3>Hey, we're so glad you're here!</h3>
 <h2>In order to view your repositories, please sign in.</h2>
 <p>

assets/styles/auth.sass

@@ -2,9 +2,8 @@
 
 #auth
   #main
-    margin-top: 100px
     margin: 0 auto
-    padding: 25px 50px
+    padding: 100px 50px 0 50px
     height: 100px
 
     -webkit-flex: none
@@ -19,10 +18,10 @@
       color: #333
 
     h2
-      color: #000000
+      color: #919191
       font-weight: 400
       text-align: center
-      margin-bottom: 40px
+      margin-bottom: 50px
 
     h3
       font-size: 35px
@@ -37,13 +36,21 @@
 
       > a
         display: inline-block
-        padding: 10px
+        padding: 15px 30px
         border: 0
-        background-color: black
+        background-color: #a53230
         font-size: 20px
         color: #ffffff
         width: 200px
         text-align: center
 
+    .mascot
+      display: inline-block
+      margin: 0 0 50px 190px
+      width: 150px
+      height: 150px
+      background-image: inline-image('travis-mascot-150.png')
+      background-size: cover
+
     a:hover
       text-decoration: underline