From 01ef0fd46f65544af0949243776bba3c5ee2a4e7 Mon Sep 17 00:00:00 2001
From: SaiTejaswaniBikkasani <saitejaswani.bikkasani@gmail.com>
Date: Sun, 7 Jul 2024 12:03:31 +0530
Subject: [PATCH] Remove Overflow Hidden and Enhance Navbar Styling

The current web page design has overflow: hidden, preventing access to the entire page content. This commit modifies the CSS to allow users to scroll and access the entire page content and improved the navbar
---
 newplantrip.html     |  2 +-
 newplantripstyle.css | 20 ++++++++++++++++++--
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/newplantrip.html b/newplantrip.html
index 889e449b..e7523dbf 100644
--- a/newplantrip.html
+++ b/newplantrip.html
@@ -40,7 +40,7 @@ <h1>Tour Planner</h1>
             <input type="date" id="endDate" name="endDate" required>
 
             <label for="budget">Budget:</label>
-            <input type="number" id="budget" name="budget" required>
+            <input min="0" type="number" id="budget" name="budget" required>
 
             <label for="accommodation">Accommodation:</label>
             <select id="accommodation" name="accommodation">
diff --git a/newplantripstyle.css b/newplantripstyle.css
index cec0568d..2204cd23 100644
--- a/newplantripstyle.css
+++ b/newplantripstyle.css
@@ -7,7 +7,7 @@
 
 html, body {
     height: 100%;
-    overflow: hidden; 
+    /* overflow: hidden;  */
 }
 
 .navbar {
@@ -41,11 +41,13 @@ html, body {
 .nav-links {
     display: flex;
     align-items: center;
+    gap: 1.3rem;
 }
 
 li {
     list-style: none;
     display: inline-block;
+    margin-bottom: 20px;
 }
 
 li a {
@@ -53,12 +55,26 @@ li a {
     margin-right: 50px;
     font-weight: bold;
     color: black;
+    transition: color 0.3s ease;
+    cursor: pointer;
+}
+
+li a:hover {
+    color: #fff; /* Change link color on hover */
 }
+
 .nav-button a {
-    padding: 10px;
+    padding: 3px 10px;
     border-radius: 10px;
     background-color: black;
     color: white;
+    transition: background-color 0.3s ease;
+    cursor: pointer;
+    margin-bottom: 20px;
+}
+
+.nav-button a:hover {
+    background-color: #444; /* Change button color on hover */
 }
 
 .burger-menu {