add search bar

sass/main.scss

@@ -17,4 +17,20 @@ body {
         margin: 0;
     }
     line-height: 100%;
+}
+
+.search {
+    width: calc(100% - 24px);
+    height: 36px;
+    margin: 24px;
+    padding: 4px 12px;
+
+    background: #423c63;
+    border: 1px #6a6391 solid;
+    border-radius: 4px;
+    box-shadow: 2px 2px 8px 1px rgba(0,0,0,0.25);
+    color: #d9d5f3;
+
+    font-size: 1.5em;
+    font-family: 'Crimson Text', serif;
 }

templates/index.html

@@ -6,4 +6,10 @@
     <p>bad advice from people who don't know anything.</p>
 </div>
 
+<div>
+    <input class="search" 
+           type="text" 
+           placeholder="&#128269; looking for something?">
+</div>
+
 {% endblock content %}