Add style for contact form

static/css/style.css

@@ -1459,10 +1459,10 @@ img {
 .post-tags {
     max-width: 75%;
     float: left;
-    font-family: 'Fira Sans', sans-serif
 }
 
-.post-tags a {
+.post-tags a, button {
+    font-family: 'Fira Sans', sans-serif;
     display: inline-block;
     margin: 0 0.333em 0.666em 0;
     padding: 0.575em 1em;
@@ -1480,7 +1480,9 @@ img {
 }
 
 .post-tags a:hover,
-.post-tags a:focus {
+.post-tags a:focus,
+button:hover,
+button:focus {
     background: #f26a3d;
     color: #fff
 }
@@ -1819,6 +1821,63 @@ img {
 .tag-weight-9  { font-size: 260%; }
 .tag-weight-10 { font-size: 280%; }
 
+
+.contact-form{
+    max-width:520px;
+    margin: 0 auto;
+    overflow:hidden;
+}
+
+.contact-form label {
+    display: none;
+}
+
+.contact-form input, .contact-form textarea {
+    width: calc(100% - 1.332em);
+    padding: 0.333em 0.666em;
+    border: none;
+    transition: all ease 0.3s;
+}
+
+.contact-form input {
+    border-bottom: 2px solid #ccc;
+}
+input:invalid{
+    box-shadow: none;
+}
+.contact-form input:not(:placeholder-shown):invalid{
+    color:#f00;
+}
+
+.contact-form textarea:hover,
+.contact-form textarea:focus,
+.contact-form input:hover,
+.contact-form input:focus{
+    border-color: #f26a3d;
+}
+
+.contact-form textarea {
+    border-left: 2px solid #ccc;
+
+}
+
+.contact-form p:nth-child(3) {
+    display:none;
+}
+
+#form-status {
+    font-family: Fira Sans, sans-serif;
+    padding-left:0.666em;
+    font-size:.8em;
+}
+
+#form-status.ok {
+    border-left:2px solid #3be645;
+}
+#form-status.error {
+    border-left:2px solid #f23d3d;
+    color: #f23d3d;
+}
 @media only screen and (max-width: 960px) {
     #wrapper, #blog-header, #post-header {
         transform: translate3d(0, 0, 0)