<div class="text-center pt-10 text-3xl">
    Doctor Who Leitmotif Catalogue
 </div>

 <div class="justify-center items-center text-center bg-gray-100 mb-5 flex flex-row ">
     <form action="" class=" w-full">
         <input type="Search..." class="bg-gray-300 w-7/12 m-5 border-black border-2 rounded-full p-2 shadow-lg shadow-gray-300/50 flex-initial" placeholder="Search..." >
         <button class="bg-gray-400 text-white border-2 border-black w-20 py-2 rounded-full hover:bg-gray-600 transition shadow-lg flex-init" type="submit">Click me</button>
     </form>
     
 </div>