Add 3 base-colors, better transition animation.

Add:
    static/sass/index.sass
        -Add a gradual CSS `transition` to the search-bar, when a query is
        entered for the first time.

    static/sass/_variables.sass
        -Add bitshift's three new primary base colors.

static/sass/_variables.sass

@@ -2,4 +2,6 @@
  Partial to contain all globally-applicable variables.
  */
 
-$lightBlue: #37a5d4
+$baseColor1: #A31F34
+$baseColor2: #8A8B8C
+$baseColor3: #C2C0BF

static/sass/index.sass

@@ -5,12 +5,11 @@
 @import mixins
 
 div#search-field
-    @extend .t3
-
     bottom: 0
-    height: 200px
+    height: 50%
     left: 0
     margin: auto
+    margin-top: 15%
     position: absolute
     right: 0
     top: 0
@@ -30,7 +29,7 @@ div#search-field
     &.partly-visible
         @extend .t3
 
-        margin-top: 2%
+        margin-top: 3%
         width: 46%
 
         #title

static/sass/main.sass

@@ -21,6 +21,7 @@ div#container
         padding: 10px
 
     div#body
+        height: 100%
         padding-bottom: 110px
         padding-top: 4%
 
@@ -32,7 +33,7 @@ div#container
     div#footer
         @extend .t3
 
-        background-color: $lightBlue
+        background-color: $baseColor1
         bottom: 0
         height: 60px
         padding-top: 12px