From 870d2217de1d84deb2af4064ad8afa2d6acbaa1b Mon Sep 17 00:00:00 2001
From: Kumari Prerna <prernasingh0321@gmail.com>
Date: Sun, 5 Oct 2025 13:52:01 +0530
Subject: [PATCH 1/3] corrected-alignment-spacing-issue

---
 index.html |  2 +-
 style.css  | 46 ++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 47 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 49984ee..2205ad6 100644
--- a/index.html
+++ b/index.html
@@ -111,7 +111,7 @@ <h2 class="fade-in">Sample Component</h2>
               >
             </li>
           </ul>
-        </div>
+        </div>  
         <div class="contactUs">
           <p>Contact Us</p>
           <ul>
diff --git a/style.css b/style.css
index d981dd4..693ca27 100644
--- a/style.css
+++ b/style.css
@@ -775,4 +775,50 @@ body.dark-theme {
 .theme-toggle-btn:hover {
   background-color: #3700b3;
 }
+.card {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start;
+  background: var(--surface-color, #fff);
+  border-radius: 16px;
+  box-shadow: 0 2px 12px var(--shadow-color, rgba(0,0,0,0.08));
+  padding: 2rem 1.5rem;
+  margin: 2rem auto;
+  max-width: 350px;
+  width: 100%;
+  gap: 1rem;
+}
+
+.card img {
+  width: 100%;
+  max-width: 280px;
+  height: auto;
+  border-radius: 12px;
+  object-fit: cover;
+  margin-bottom: 1rem;
+  display: block;
+}
 
+.card .typewriter-text,
+.card p {
+  text-align: center;
+  margin: 0.5rem 0 1rem 0;
+}
+
+.card .btn {
+  align-self: center;
+  margin-top: 1rem;
+}
+
+/* Responsive adjustments */
+@media (max-width: 600px) {
+  .card {
+    padding: 1rem 0.5rem;
+    max-width: 98vw;
+  }
+  .card img {
+    max-width: 100%;
+    height: auto;
+  }
+}
\ No newline at end of file

From 1b29c8be67eb2ed7b2331bfab3698ef9fd4ac321 Mon Sep 17 00:00:00 2001
From: Kumari Prerna <prernasingh0321@gmail.com>
Date: Sun, 5 Oct 2025 14:29:44 +0530
Subject: [PATCH 2/3] border-radius

---
 style.css | 70 +++++++++++++------------------------------------------
 1 file changed, 16 insertions(+), 54 deletions(-)

diff --git a/style.css b/style.css
index 693ca27..f766999 100644
--- a/style.css
+++ b/style.css
@@ -3,6 +3,9 @@
 html {
   scroll-behavior: smooth;
 }
+:root {
+  --radius-main: 26px;
+}
 
 body {
     font-family: var(--font-sans);
@@ -153,6 +156,7 @@ header {
   align-items: center;
   height: 100%;
   min-height: 200px;
+  border-radius: var(--radius-main);
 }
 
 .btn {
@@ -162,7 +166,7 @@ header {
   color: var(--primary-contrast);
   background: var(--secondary-color);
   border: none;
-  border-radius: var(--radius-pill);
+border-radius: var(--radius-main);
   box-shadow: 0 2px 8px rgba(3, 218, 198, 0.15);
   cursor: pointer;
   transition: background 0.2s, box-shadow 0.2s, transform 0.2s;
@@ -190,6 +194,7 @@ header {
   }
   .btn_container {
     min-height: 120px;
+    border-radius: var(--radius-main);
   }
 }
 
@@ -202,7 +207,7 @@ header {
   flex-direction: column;
   justify-content: space-between;
   padding: 5px;
-  border-radius: 20px;
+border-radius: var(--radius-main);
   width: 300px;
   height: 200px;
   background-color: rgb(255, 255, 255);
@@ -228,6 +233,7 @@ header {
   font-size: 20px;
   font-weight: 700;
   color: rgba(0, 0, 0, 0.759);
+  border-radius: var(--radius-main);
 
 }
 
@@ -398,6 +404,7 @@ h3 {
   justify-content: space-between;
   background: #f8f9fa;
   padding: 1rem 2rem;
+  border-radius: var(--radius-main);
 }
 
 .mysite {
@@ -459,7 +466,7 @@ section h2 {
   background: #007bff;
   color: #fff;
   border: none;
-  border-radius: 4px;
+border-radius: var(--radius-main);
   cursor: pointer;
   transition: background 0.3s;
 }
@@ -532,8 +539,7 @@ footer {
     background-color: var(--accent-color);
     color: #222;
     padding: 0.5rem 1rem;
-    border-radius: var(--radius);
-}
+    border-radius: var(--radius-main);
 
 .sliding-menu {
     position: fixed;
@@ -546,6 +552,7 @@ footer {
     transition: left 0.3s ease;
     padding-top: 4rem;
     z-index: 1000;
+    border-radius: var(--radius-main);
 }
 
 .sliding-menu ul {
@@ -569,7 +576,7 @@ footer {
 .sliding-menu a:hover {
     background-color: var(--primary-color);
     color: white;
-    border-radius: 5px;
+ border-radius: var(--radius-main);
 }
 
 /* Toggle menu */
@@ -696,7 +703,7 @@ footer {
 
 .gallery-item {
   overflow: hidden;
-  border-radius: 16px;
+  border-radius: var(--radius-main);
   box-shadow: 0 2px 12px var(--shadow-color);
   background: var(--surface-color);
   transition: box-shadow 0.2s, transform 0.2s;
@@ -708,6 +715,7 @@ footer {
   height: 200px;
   object-fit: cover;
   transition: transform 0.3s, filter 0.3s;
+  border-radius: var(--radius-main);
 }
 
 .gallery-item:hover,
@@ -767,7 +775,7 @@ body.dark-theme {
   background-color: #6200ea;
   color: #fff;
   border: none;
-  border-radius: 5px;
+border-radius: var(--radius-main);
   cursor: pointer;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }
@@ -775,50 +783,4 @@ body.dark-theme {
 .theme-toggle-btn:hover {
   background-color: #3700b3;
 }
-.card {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: flex-start;
-  background: var(--surface-color, #fff);
-  border-radius: 16px;
-  box-shadow: 0 2px 12px var(--shadow-color, rgba(0,0,0,0.08));
-  padding: 2rem 1.5rem;
-  margin: 2rem auto;
-  max-width: 350px;
-  width: 100%;
-  gap: 1rem;
-}
-
-.card img {
-  width: 100%;
-  max-width: 280px;
-  height: auto;
-  border-radius: 12px;
-  object-fit: cover;
-  margin-bottom: 1rem;
-  display: block;
-}
 
-.card .typewriter-text,
-.card p {
-  text-align: center;
-  margin: 0.5rem 0 1rem 0;
-}
-
-.card .btn {
-  align-self: center;
-  margin-top: 1rem;
-}
-
-/* Responsive adjustments */
-@media (max-width: 600px) {
-  .card {
-    padding: 1rem 0.5rem;
-    max-width: 98vw;
-  }
-  .card img {
-    max-width: 100%;
-    height: auto;
-  }
-}
\ No newline at end of file

From 9f64b6b3e6d44ee70fa619c02eba5a4ea4a89d9b Mon Sep 17 00:00:00 2001
From: Kumari Prerna <prernasingh0321@gmail.com>
Date: Sun, 5 Oct 2025 14:57:44 +0530
Subject: [PATCH 3/3] gradient-background

---
 style.css | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/style.css b/style.css
index f766999..e1acd36 100644
--- a/style.css
+++ b/style.css
@@ -14,6 +14,8 @@ body {
     text-align: center;
     background: var(--background-color);
     color: var(--text-color);
+    background: linear-gradient(120deg, #a6c4d3 0%, #0d205c 100%);
+  color: #333;
   }
 html{
   scroll-behavior: smooth;
@@ -133,6 +135,8 @@ header {
     background: var(--primary-color);
     color: var(--primary-contrast);
     padding: 2rem 1rem;
+      background: linear-gradient(135deg, #629d84 0%, #410d75 100%);
+  color: #fff;
   }
   
   h1 {
@@ -197,6 +201,15 @@ border-radius: var(--radius-main);
     border-radius: var(--radius-main);
   }
 }
+@media (max-width: 600px) {
+  main {
+    padding: 1rem;
+    margin: 1rem 0;
+  }
+  .card, .typewriter-card {
+    padding: 1rem;
+  }
+}
 
 .modalBox{
   box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
@@ -446,6 +459,12 @@ header p {
 /* Main Content */
 main {
   padding: 2rem;
+  background: linear-gradient(120deg, #d7d6dc 0%, #28514f 100%);
+  border-radius: var(--radius-main);
+  box-shadow: 0 2px 12px var(--shadow-color);
+  margin: 2rem auto;
+  padding: 2rem;
+  max-width: 1200px;
 }
 
 section h2 {
@@ -482,6 +501,8 @@ footer {
   text-align: center;
   padding: 2rem;
   font-size: 0.9rem;
+    background: linear-gradient(120deg, #9ca2a8 0%, #467bbb 100%);
+  color: #ecf0f1;
 }
 
 .footerMiddle {