From 7aa056abb6e901970958a0b9a09c15953f7e01fa Mon Sep 17 00:00:00 2001
From: jeel2308 <42006763+jeel2308@users.noreply.github.com>
Date: Tue, 30 Oct 2018 19:59:57 +0530
Subject: [PATCH] add some css

---
 index.html | 22 +++++++++++++++++-----
 style.css  | 16 ++++++++++++++--
 2 files changed, 31 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index 61e2f41..b8595cd 100644
--- a/index.html
+++ b/index.html
@@ -25,17 +25,29 @@
         <h1>Flames</h1>
       </div>
 
-      <div class="UserInput">
+      <form class="UserInput form-horizontal">
       <!-- 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>
+        <div class="form-group">
+          <label class="control-label col-sm-4" for="name1">Enter your name:</label>
+          <div class="col-sm-6">
+             <input type="text" style="text-transform:uppercase;color:white;" onkeydown="return alphaOnly(event);"id="name1"name="" value="" class=" form-control">
+           </div>
+         </div>
+         <br><br>
+        <div class="form-group">
+          <label class="control-label col-sm-4" for="name2">Enter your crush's name:</label>
+          <div class="col-sm-6">
+             <input type="text" style="text-transform:uppercase;color:white;" onkeydown="return alphaOnly(event);" id="name2"name="" value="" class=" form-control">
+           </div>
+         </div>
+         <br><br>
         <input type="button"  onclick="flame_func()"name="" value="Submit">
           <h1 id="result"></h1>
 
-      </div>
+      </form>
 <center>
-    <div class="container">
+    <div class="container" style="width: 100%;">
       <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..fff39e9 100644
--- a/style.css
+++ b/style.css
@@ -19,6 +19,8 @@
   font-size: 20px;
 }
 
+
+
 input[value=Submit] {
   background-color: white;
   border: 0.1em solid black;
@@ -42,17 +44,27 @@ input[value=Submit]:hover {
 }
 
 .container h2 {
-  margin-right: 7.5em;
+  margin-right: 0em;
+  text-align:center;
 }
 
 .social {
-  margin-right: 15em;
+  margin-right: 0em;
+  perspective: 1050px;
 }
 
 .social a:hover {
   color: turquoise;
 }
 
+.sharer-button i:hover {
+
+  text-shadow: 2px 2px 4px #000000;
+  color: #FFD700;
+}
+
+
+
 /* h1 {
     background-color: green;
 }