From 8b4ea446b04d757704099aafab6e8edafbca76f3 Mon Sep 17 00:00:00 2001
From: ErickSkrauch <erickskrauch@yandex.ru>
Date: Sun, 29 May 2016 19:47:43 +0300
Subject: [PATCH] =?UTF-8?q?=D0=9F=D0=BE=D0=B4=D1=82=D1=8F=D0=BD=D1=83?=
 =?UTF-8?q?=D1=82=20=D0=B4=D0=B8=D0=B7=D0=B0=D0=B9=D0=BD=20=D0=BA=D1=80?=
 =?UTF-8?q?=D0=B5=D1=81=D1=82=D0=B8=D0=BA=D0=B0=20=D0=B4=D0=BB=D1=8F=20?=
 =?UTF-8?q?=D0=BF=D0=BE=D0=BF=D0=B0=D0=BF=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/contact/contactForm.scss | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/components/contact/contactForm.scss b/src/components/contact/contactForm.scss
index 35a71da..70367ce 100644
--- a/src/components/contact/contactForm.scss
+++ b/src/components/contact/contactForm.scss
@@ -6,10 +6,20 @@
 }
 
 .close {
-    position: absolute;
-    right: 10px;
-    top: 10px;
+    position: fixed;
+    right: 0;
+    top: 0;
+    padding: 35px;
     cursor: pointer;
+    font-size: 20px;
+    color: rgba(#000, 0.4);
+    background: rgba(#000, 0);
+    transition: 0.25s;
+
+    &:hover {
+        color: rgba(#000, 0.6);
+        background: rgba(#fff, 0.75);
+    }
 }
 
 .philosophicalThought {