From 7dc50b9b51949c00d9ce59123bdff1b4949e5e4b Mon Sep 17 00:00:00 2001
From: proalaa <41290898+proalaa@users.noreply.github.com>
Date: Sat, 6 Oct 2018 17:45:46 +0300
Subject: [PATCH] Add animation to destenation headings

---
 css/app.css | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/css/app.css b/css/app.css
index 14e2285..bdf4d3d 100644
--- a/css/app.css
+++ b/css/app.css
@@ -40,9 +40,14 @@ align-items: center;
 text-align: center;
 }
 
+.destination:hover h2 {
+    transform: rotate(0deg);
+}
+
 h2 {
 margin: 0;
 transform: rotate(-45deg);
+transition: transform 0.5s;
 text-shadow: 0 0 5px #01579b;
 }
 
@@ -52,4 +57,4 @@ background-color: #03a9f4;
 
 #paris {
 background-color: #d32f2f;
-}
\ No newline at end of file
+}