styling

index.html

@@ -428,13 +428,15 @@
         <i class="fa-solid fa-bars"></i>
       </button>
       <div class="font-bold hidden lg:flex gap-x-8" style="text-transform: capitalize;">
-        <a href="" class="nav-link">Marketplace
+        <a href="#" class="nav-link">Marketplace
           <div class="overlay">Coming Soon</div>
       </a>
-      <a href="" target="_blank" class="nav-link">Discover
+      <a href="#" class="nav-link">
+        <span style="margin-left: 10px;">Discover</span>
+    <span style="visibility: hidden;">a</span>
           <div class="overlay">Coming Soon</div>
       </a>
-      <a href="possibilities.html" class="nav-link">Possibilities
+      <a href="#" class="nav-link">Possibilities
           <div class="overlay">Coming Soon</div>
       </a>
       <div class="join-button">
@@ -527,7 +529,7 @@ <h1 class="text-4xl m48:text-6xl lg:text-7xl font-black mb-8 capitalize" style="
 
       <div class="flex justify-center">
         <h1
-          class="pt-14 m28:text-2xl text-3xl m48:text-4xl m28:font-extrabold font-black lg:font-extrabold mb-4 capitalize w-1/2 flex gap-4" id="possibilities">
+          class="m28:text-2xl text-3xl m48:text-4xl m28:font-extrabold font-black lg:font-extrabold mb-4 capitalize w-1/2 flex gap-4" id="possibilities" style="margin-top: 100px;">
           <span style="color:#4B4B4B"><img src="./resources/readyimages/line.png"/></span>
           <span style="color:#4B4B4B">Stay tuned for more details in this space</span>
         </h1>

styles.css

@@ -49,7 +49,7 @@ body {
   color: #C1ACF6;
   text-align: center;
   padding: 2px;
-  font-size: 14px;
+  font-size: 12px;
 }
 
 .nav-link:hover .overlay {