diff --git a/index.html b/index.html
index 61e2f41..b2e236b 100644
--- a/index.html
+++ b/index.html
@@ -1,182 +1,177 @@
 <!DOCTYPE html>
 <html>
-  <head>
-    <meta charset="utf-8">
-    <title>Flames</title>
-    <link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet"><!--Google fonts-->
-    <link rel="stylesheet" type="text/css" href="style.css">
-    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
-    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
-    <script src="https://cdn.jsdelivr.net/sharer.js/latest/sharer.min.js"></script>
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
-
-
-<!--      <script src="https://tristanedwards.me/u/SweetAlert//lib/sweet-alert.js"></script>
+
+<head>
+  <meta charset="utf-8">
+  <title>Flames</title>
+  <link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
+  <!--Google fonts-->
+  <link rel="stylesheet" type="text/css" href="style.css">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
+  <script src="https://cdn.jsdelivr.net/sharer.js/latest/sharer.min.js"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+
+
+  <!--      <script src="https://tristanedwards.me/u/SweetAlert//lib/sweet-alert.js"></script>
      <link rel="stylesheet" type="text/css" href="https://tristanedwards.me/u/SweetAlert//lib/sweet-alert.css">
 
  -->
-  </head>
-  <body>
-    <center>
+  <link href="https://fonts.googleapis.com/css?family=Mansalva&display=swap" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap" rel="stylesheet">
+</head>
+
+<body>
+  <center>
 
     <div class="main-container">
       <div class="title">
-        <h1>Flames</h1>
+        <h1 style="font-family: 'Mansalva', cursive;">Flames</h1>
       </div>
 
-      <div class="UserInput">
-      <!-- only alphabets should be accepted -->
+      <div class="UserInput" style="font-family: 'Roboto Mono', monospace;">
+        <!-- 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="button"  onclick="flame_func()"name="" value="Submit">
-          <h1 id="result"></h1>
+        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="button" onclick="flame_func()" name="" value="Submit">
+        <h1 id="result"></h1>
 
       </div>
-<center>
-    <div class="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> <!-- -->
-        <a href="#" id="share-fb" class="sharer-button"><i class="fa fa-3x fa-facebook-square"></i></a>
-        <a href="#" id="share-tw" class="sharer-button"><i class="fa fa-3x fa-twitter-square"></i></a>
-        <a href="#" id="share-li" class="sharer-button"><i class="fa fa-3x fa-linkedin-square"></i></a> <!-- -->
-        <a href="#" id="share-gp" class="sharer-button"><i class="fa fa-3x fa-google-plus-square"></i></a>
-        <a href="#" id="share-em" class="sharer-button"><i class="fa fa-3x fa-envelope-square"></i></a> <!-- -->
-      </div>
-    </div>
-
-  </div> <!-- main-container -->
+      <center>
+        <div class="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> <!-- -->
+            <a href="#" id="share-fb" class="sharer-button"><i class="fa fa-3x fa-facebook-square"></i></a>
+            <a href="#" id="share-tw" class="sharer-button"><i class="fa fa-3x fa-twitter-square"></i></a>
+            <a href="#" id="share-li" class="sharer-button"><i class="fa fa-3x fa-linkedin-square"></i></a> <!-- -->
+            <a href="#" id="share-gp" class="sharer-button"><i class="fa fa-3x fa-google-plus-square"></i></a>
+            <a href="#" id="share-em" class="sharer-button"><i class="fa fa-3x fa-envelope-square"></i></a> <!-- -->
+          </div>
+        </div>
+
+    </div> <!-- main-container -->
 
 </body>
 
-  <script>
-
+<script>
   function alphaOnly(event) {
     var key = event.keyCode;
     return ((key >= 65 && key <= 90) || key == 8);
   };
 
 
-  function flame_func()
-  {
-  var name1 = document.getElementById('name1').value;
-  var name2 = document.getElementById('name2').value;
+  function flame_func() {
+    var name1 = document.getElementById('name1').value;
+    var name2 = document.getElementById('name2').value;
 
-  if(name1 == "")
-  {
-    alert("Enter your name")
-  }
-  else if (name2 == "")
-   {
-    alert("Enter your crush name")
-  }
+    if (name1 == "") {
+      alert("Enter your name")
+    } else if (name2 == "") {
+      alert("Enter your crush name")
+    }
 
-  var first = name1;
-  var sec = name2;
+    var first = name1;
+    var sec = name2;
 
-  for(i=0;i<name1.length;i++)
-  {
-    sec = sec.replace(name1[i],'');
+    for (i = 0; i < name1.length; i++) {
+      sec = sec.replace(name1[i], '');
 
-  }
+    }
 
-  for(i=0;i<name2.length;i++)
-  {
-    first = first.replace(name2[i],"");
-  }
-  var final = first+sec;
+    for (i = 0; i < name2.length; i++) {
+      first = first.replace(name2[i], "");
+    }
+    var final = first + sec;
 
-  //Main function begins here
+    //Main function begins here
 
-  var final_length = final.length;
-  //flames totally 6 letters
+    var final_length = final.length;
+    //flames totally 6 letters
 
-  var letters = parseInt(final_length)%6;
+    var letters = parseInt(final_length) % 6;
 
-  if(letters == "1")
-  {
-//      swal("Relationship ", "Friends", "success");
-    alert("Friends");
+    if (letters == "1") {
+      //      swal("Relationship ", "Friends", "success");
+      alert("Friends");
 
-  }
-  else if (letters == "2")
-  {
-//     swal("Relationship ", "Lovers", "success");
+    } else if (letters == "2") {
+      //     swal("Relationship ", "Lovers", "success");
       alert("Lovers");
 
+    } else if (letters == "3") {
+      //     swal("Relationship ", "Affections", "success");
+      alert("Affections");
+    } else if (letters == "4") {
+      //     swal("Relationship ", "Married", "success");
+      alert("Married");
+    } else if (letters == "5") {
+      //     swal("Relationship ", "Enemy", "error");
+      alert("Enemy");
+
+    } else if (letters == "0") // 6 wont appear
+    {
+      //       swal("Relationship ", "Brother / Sisters", "success");
+      alert("Brother / Sisters");
+    }
   }
-  else if (letters == "3")
-  {
-//     swal("Relationship ", "Affections", "success");
-  alert("Affections");
-  }
-  else if (letters == "4")
-  {
-//     swal("Relationship ", "Married", "success");
-  alert("Married");
-  }
-  else if (letters == "5")
-  {
-//     swal("Relationship ", "Enemy", "error");
-  alert("Enemy");
+</script>
 
-  }
-  else if (letters == "0")// 6 wont appear
-  {
-//       swal("Relationship ", "Brother / Sisters", "success");
-  alert("Brother / Sisters");
-  }
-  }
 
+<script type="text/javascript">
+  document.addEventListener("DOMContentLoaded", function (event) {
+
+    // Uses sharer.js
+    //  https://ellisonleao.github.io/sharer.js/#twitter
+    var url = window.location.href;
+    var title = document.title;
+    var subject = "Read this good article";
+    var via = "bootstrapC";
+    console.log(url);
+    console.log(title);
+
+    //facebook
+    $('#share-wa').attr('data-url', url).attr('data-title', title).attr('data-sharer', 'whatsapp');
+    //facebook
+    $('#share-fb').attr('data-url', url).attr('data-sharer', 'facebook');
+    //twitter
+    $('#share-tw').attr('data-url', url).attr('data-title', title).attr('data-via', via).attr('data-sharer',
+      'twitter');
+    //linkedin
+    $('#share-li').attr('data-url', url).attr('data-sharer', 'linkedin');
+    // google plus
+    $('#share-gp').attr('data-url', url).attr('data-title', title).attr('data-sharer', 'googleplus');
+    // email
+    $('#share-em').attr('data-url', url).attr('data-title', title).attr('data-subject', subject).attr('data-sharer',
+      'email');
+
+    //Prevent basic click behavior
+    $(".sharer button").click(function () {
+      event.preventDefault();
+    });
+
+
+    // only show whatsapp on mobile devices
+    var isMobile = false; //initiate as false
+    // device detection
+    if (
+      /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i
+      .test(navigator.userAgent) ||
+      /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i
+      .test(navigator.userAgent.substr(0, 4))) {
+      isMobile = true;
+    }
+
+    if (isMobile == true) {
+      $("#share-wa").hide();
+    }
+
+
+  });
 </script>
 
-
-  <script type="text/javascript">
-    document.addEventListener("DOMContentLoaded", function(event) {
-
-// Uses sharer.js
-//  https://ellisonleao.github.io/sharer.js/#twitter
-   var url = window.location.href;
-   var title = document.title;
-   var subject = "Read this good article";
-   var via = "bootstrapC";
-   console.log( url );
-    console.log( title );
-
-//facebook
-$('#share-wa').attr('data-url', url).attr('data-title', title).attr('data-sharer', 'whatsapp');
-//facebook
-$('#share-fb').attr('data-url', url).attr('data-sharer', 'facebook');
-//twitter
-$('#share-tw').attr('data-url', url).attr('data-title', title).attr('data-via', via).attr('data-sharer', 'twitter');
-//linkedin
-$('#share-li').attr('data-url', url).attr('data-sharer', 'linkedin');
-// google plus
-$('#share-gp').attr('data-url', url).attr('data-title', title).attr('data-sharer', 'googleplus');
-  // email
-  $('#share-em').attr('data-url', url).attr('data-title', title).attr('data-subject', subject).attr('data-sharer', 'email');
-
-//Prevent basic click behavior
-$( ".sharer button" ).click(function() {
-  event.preventDefault();
-});
-
-
-// only show whatsapp on mobile devices
-var isMobile = false; //initiate as false
-// device detection
-if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent)
-    || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.substr(0,4))) {
-    isMobile = true;
-}
-
-if ( isMobile == true ) {
-$("#share-wa").hide();
-}
-
-
-});
-  </script>
-</html>
+</html>
\ No newline at end of file
