From b40bf3e9c603b554ed8ce84506b876b687d65263 Mon Sep 17 00:00:00 2001
From: Shubh <mygitcoin@gmail.com>
Date: Sat, 27 Jan 2024 23:05:57 +0530
Subject: [PATCH] Designed better

---
 Index.html | 2 --
 index.css  | 9 +++++++++
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/Index.html b/Index.html
index 3aaf97e..b5e1e71 100644
--- a/Index.html
+++ b/Index.html
@@ -60,12 +60,10 @@ <h1>Compare Your Artist</h1>
         <div class="compare_contain">
             <div class="input_box cmprinpt">
                 <input class="artist1" type="text" placeholder="Search By Artist Name">
-                <!-- <span>Or</span> -->
                 <input class="artist2" type="text" placeholder="Search By Artist URL">
                 <button class="compare_btn">Compare</button>
             </div>
             <div class="output" id="cmprout">
-
             </div>
         </div>
     </section>
diff --git a/index.css b/index.css
index a79017d..3157594 100644
--- a/index.css
+++ b/index.css
@@ -259,6 +259,7 @@ a:hover{
     font-family: 'Poppins', sans-serif;
     margin-top: 1%;
     padding: 2% 5%;
+    margin-bottom: 20%;
 }
 .search h1{
     font-size: 3em;
@@ -395,6 +396,14 @@ input[type="text"] {
     font-family: 'Poppins', sans-serif;
     margin-top: 1%;
     padding: 2% 5%;
+    margin-bottom: 20%;
+}
+.compare h1{
+    font-size: 3em;
+    font-weight: bold;
+    margin-bottom: 1%;
+    margin-left: 1%;
+    margin-top: 0.5%;
 }
 .compare_contain{
     display: flex;