add gitignore

.gitignore

@@ -1 +1,2 @@
 .idea
+.DS_Store

index.html

@@ -89,15 +89,33 @@
     </div>
   </header>
   <main>
-  <div class="mx-auto lg:max-w-3xl sm:max-w-xl max-w-sm mb-8">
+
-    <div class="text-4xl tracking-tight text-black py-24">
+  <div class="mx-auto lg:max-w-3xl sm:max-w-xl max-w-sm mb-8 mt-24">
-      <span class="text-orange-600 font-semibold">n</span>Kode is <span class="font-semibold">easier</span> to remember and more <span class="font-semibold">secure</span> than a password
+<!--    <div style="position: relative; padding-bottom: 56.25%; height: 0;"><iframe src="https://www.loom.com/embed/262baf04da87435a9be650696dc2c500?sid=1246237b-676d-413b-b4bb-af5018ad0689" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>-->
-      <div class="text-center mt-8">
+    <div class="flex flex-col items-center text-black mt-24 mb-12">
+      <div class="text-5xl lg:text-7xl tracking-tight">
+        <p>
+          <span class="text-orange-600 font-semibold">Easier</span> to remember
+        </p>
+        <p>
+          More <span class="text-orange-600 font-semibold">secure</span> than
+        </p>
+        <p>
+          a password
+        </p>
+      </div>
+      <div class="text-xl mt-8">
+        <p>nKode replaces your password with easy to remember icons.</p>
+      </div>
+    </div>
+    <div>
+    </div>
+    <div class="text-center mt-8 mb-24">
       <button class="bg-orange-500 text-white py-2 px-4 rounded-full hover:bg-orange-600 transition duration-200 text-sm sm:text-lg">
         <a href="https://app.nkode.tech">Try nKode <span aria-hidden="true">&rarr;</span></a>
       </button>
     </div>
-    </div>
+
     <section id="create-an-nkode" class="scroll-mt-24">
       <h3  class="text-4xl">How to create an nKode</h3>
       <p class="text-2xl mt-4">1. Enter your email</p>