diff --git a/static/css/style.css b/static/css/style.css
index 0dbef8d..f4479da 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -10,6 +10,7 @@
 		margin-left: 0px;
 		margin-right: 0px;
 	}
+
 	/* Header/logo Title */
 	header {
 		text-align: center;
@@ -37,15 +38,18 @@
 		padding: 10px;
 		text-decoration: none;
 		text-align: center;
+		cursor: pointer;
+		transition: all 0.3s ease;
 	}
 
 	/* Change color on hover */
 	nav a:hover {
 		background-color: #ddd;
 		color: black;
+		box-shadow: 20px 20px 20px #eee, -20px -20px 20px #fff;
 	}
 
-	nav a.active {
+	nav a:active {
 		background-color: #ccc;
 		color: #222;
 	}
@@ -83,6 +87,7 @@
 		margin-left: 0px;
 		margin-right: 0px;
 	}
+
 	/* Header/logo Title */
 	header {
 		text-align: center;
@@ -111,15 +116,16 @@
 		padding: 14px 20px;
 		text-decoration: none;
 		text-align: center;
+		cursor: pointer;
+		transition: all 0.3s ease;
 	}
 
 	/* Change color on hover */
 	nav a:hover {
-		background-color: #111;
-		color: #ddd;
+		box-shadow: 20px 20px 20px #070707, -20px -20px 20px #1b1b1b;
 	}
 
-	nav a.active {
+	nav a:active {
 		background-color: #ccc;
 		color: #222;
 	}
@@ -149,8 +155,9 @@
 }
 
 @media screen and (max-width: 700px) {
+
 	.row,
 	nav {
 		flex-direction: column;
 	}
-}
+}
\ No newline at end of file