Merge pull request #2 from YoshithaRathnayake/patch-1

Add a smooth transition for the nav links

style.css

@@ -4,10 +4,6 @@
   box-sizing: border-box;
 }
 
-a:hover {
-  cursor: pointer;
-}
-
 nav {
   display: flex;
   justify-content: space-between;
@@ -53,13 +49,15 @@ button {
   background-color: rgb(77, 208, 160);
   color: #fff;
   box-shadow: 0 2px 5px 0 rgba(182, 177, 177, 0.1); /* Add a subtle shadow */
+  transition: 0.5s;
 }
 
 button:hover {
   color: rgb(50, 144, 50);
   background-color: #fff;
   box-shadow: 0 4px 8px 0 #e5e1e1; /* Increase shadow depth on hover */
   transform: translateY(-2px); /* Add a subtle translate effect on hover */
+  transition: 0.5s;
   cursor: pointer;
 }
 
@@ -178,8 +176,6 @@ footer input {
   margin-bottom: 20px;
   margin-top: 0;
   background-color: rgba(147, 240, 198, 0.811);
-
-
 }
 footer textarea {
   padding: 20px;