diff --git a/index.html b/index.html
index 61e2f41..541fc91 100644
--- a/index.html
+++ b/index.html
@@ -28,14 +28,13 @@ <h1>Flames</h1>
       <div class="UserInput">
       <!-- only alphabets should be accepted -->
 
-        Enter your name: <input type="text" style="text-transform:uppercase" onkeydown="return alphaOnly(event);"id="name1"name="" value=""><br><br>
-        Enter your crush's name: <input type="text" style="text-transform:uppercase" onkeydown="return alphaOnly(event);" id="name2"name="" value=""><br><br>
+        <input type="text" placeholder="Enter your name" style="text-transform:uppercase" onkeydown="return alphaOnly(event);"id="name1"name="" value=""><br><br>
+        <input type="text" placeholder="Enter your crush's name"style="text-transform:uppercase" onkeydown="return alphaOnly(event);" id="name2"name="" value=""><br><br>
         <input type="button"  onclick="flame_func()"name="" value="Submit">
           <h1 id="result"></h1>
 
       </div>
-<center>
-    <div class="container">
+    <div class="social-container">
       <h2>Share This Post</h2>
       <div class="social">
         <a href="#" id="share-wa" class="sharer-button"><i class="fa fa-3x fa-whatsapp"></i></a> <!-- -->
diff --git a/style.css b/style.css
index ef3175e..975a7d4 100644
--- a/style.css
+++ b/style.css
@@ -1,10 +1,10 @@
 *{
-  color: white;
   font-family: 'Poppins';
 }
 
 .title, .container h2 {
   text-shadow: 2px 2px black;
+  color: white;
 }
 
 .social a {
@@ -23,12 +23,20 @@ input[value=Submit] {
   background-color: white;
   border: 0.1em solid black;
   border-radius: 0.25em;
-  color: blue;
+  color: black;
   padding: 0.5em;
 }
 
 input[value=Submit]:hover {
-  background-color: orange;
+  background-color: rgb(94,0,255);
+  color:  #fff;
+}
+input::placeholder {
+  color: black;
+}
+
+input, select, textarea{
+    color: black;
 }
 
 .main-container {
@@ -41,12 +49,13 @@ input[value=Submit]:hover {
   width: 70%;
 }
 
-.container h2 {
-  margin-right: 7.5em;
+.social-container {
+  padding: 30px 0;
+  margin:  0 auto;
+  color: white;
 }
-
-.social {
-  margin-right: 15em;
+.social a {
+  color:  white;
 }
 
 .social a:hover {