diff --git a/README.md b/README.md
index 752980e..a01a3d2 100644
--- a/README.md
+++ b/README.md
@@ -1,11 +1,21 @@
+## Running application
+1. Clone App
+```
+git clone  https://hackethon.ai/hack/Sanju-15/aquaguardian.git
+cd aquaguardian
+```
+
+2. Run the live server.
+
 ## Github Setup
 ### Setup account
 git config --global user.name "your_username"
+
 git config --global user.email johndoe@example.com
 
 
 # first time
-
+```
 git init
 
 git checkout -b main
@@ -17,15 +27,13 @@ git commit -m "first commit"
 git remote add origin https://hackethon.ai/hack/Sanju-15/aquaguardian.git
 
 git push -u origin main
-
+```
 
 # already existing repo
 
-## Running application
-1. Clone App
+1. clone it.
 ```
-git clone  https://hackethon.ai/hack/Sanju-15/aquaguardian.git
-cd aquaguardian
-```
-
-2. Run the live server.
\ No newline at end of file
+git add .
+git commit -m "msg"
+git push
+```
\ No newline at end of file
diff --git a/index.html b/index.html
index 424a0ed..d55059f 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,8 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Water Conservation Survey form</title>
+    <title>AquaGuardians</title>
+    <link rel="stylesheet" href="style.css">
     
     <style>
         body {
@@ -12,19 +13,22 @@
             margin: 0;
             padding: 0;
             background-color: #f4f4f9;
-            color: #333;
+            color: #ededed;
         }
         .container {
             max-width: 800px;
             margin: 20px auto;
-            background: #fff;
-            padding: 20px;
-            border-radius: 8px;
-            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+            margin-top: 50 px;
+            /* background: #fff; */
+            /* padding: 20px; */
+            border: 1px solid black;
+            background-color: rgba(0, 0, 0, 0.5);
+            box-shadow: inset -5px -5px rgba(0, 0, 0, 0.5);
+            border-radius: 25px;
         }
         h1 {
             text-align: center;
-            color: #0066cc;
+            color: #ADD8E6; 
         }
         .form-group {
             margin-bottom: 15px;
@@ -35,11 +39,16 @@
             font-weight: bold;
         }
         input[type="text"], input[type="email"], textarea {
-            width: 100%;
+            width: 65%;
             padding: 8px;
-            margin: 5px 0;
-            border: 1px solid #ccc;
-            border-radius: 4px;
+            /* margin: 20px ; */
+            border: none;
+            outline: none;
+            border-radius: 20px;
+            background-color: rgba(0, 0, 0, 0.5);
+            box-shadow: inset -3px -3px rgba(0, 0, 0, 0.5);
+            color: white;
+            font-size:1rem;
         }
         input[type="radio"] {
             margin-right: 10px;
@@ -49,13 +58,18 @@
             height: 80px;
         }
         button {
+            align-items:center;
             display: block;
-            width: 100%;
-            padding: 10px;
-            background-color: #0066cc;
+            width: 50%;
+            padding: 10px 20px;
+            margin: 0 auto;
+            background-color: rgba(0, 0, 0, 0.5);
+            box-shadow= inset -3px -3px rgba(0, 0, 0, 0.5);
             color: #fff;
             border: none;
-            border-radius: 4px;
+            outline: none;
+            border-radius: 20px;
+            font-size:1rem;
             cursor: pointer;
             font-size: 16px;
         }
@@ -78,13 +92,13 @@
             <!-- Full Name -->
             <div class="form-group">
                 <label for="fullName">Full Name:</label>
-                <input type="text" id="fullName" name="fullName" required>
+                <input type="text" id="fullName" name="fullName" placeholder="Enter username" required>
             </div>
 
             <!-- Email -->
             <div class="form-group">
                 <label for="email">Email:</label>
-                <input type="email" id="email" name="email" required>
+                <input type="email" id="email" name="email" placeholder= "Enter Password" required>
             </div>
 
             <!-- General Awareness -->
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..d42d435
--- /dev/null
+++ b/style.css
@@ -0,0 +1,7 @@
+body{
+    background-image: url(water.jpg);
+    background-repeat: no-repeat;
+    background-position: center;
+    background-attachment: fixed;
+    background-size:cover;
+}
\ No newline at end of file
diff --git a/water.jpg b/water.jpg
new file mode 100644
index 0000000..f40131b
Binary files /dev/null and b/water.jpg differ
