updated style

Author: OfficialDiLi

src/layouts/Layout.astro

@@ -69,17 +69,17 @@ const { title, description = "Aspiring Computational Researcher | AI Enthusiast
             <a href="/#about" class="text-offwhite hover:text-golden transition-colors font-semibold text-sm lg:text-base">
               About
             </a>
-            <a href="/techstack" class="text-offwhite hover:text-golden transition-colors font-semibold text-sm lg:text-base">
+            <a href="/techstack" class="text-offwhite hover:text-golden-dark transition-colors font-semibold text-sm lg:text-base">
               Tech Stack
             </a>
-            <a href="/#projects" class="text-offwhite hover:text-golden transition-colors font-semibold text-sm lg:text-base">
+            <a href="/#projects" class="text-offwhite hover:text-golden-dark transition-colors font-semibold text-sm lg:text-base">
               Projects
             </a>
-            <a href="/#contact" class="text-offwhite hover:text-golden transition-colors font-semibold text-sm lg:text-base">
+            <a href="/#contact" class="text-offwhite hover:text-golden-dark transition-colors font-semibold text-sm lg:text-base">
               Contact
             </a>
             <a href="https://github.com/OfficialDiLi" target="_blank" rel="noopener noreferrer"
-               class="px-3 lg:px-4 py-2 bg-golden text-emerald-900 rounded-lg hover:bg-golden-dark transition-colors font-semibold text-sm lg:text-base">
+               class="px-3 lg:px-4 py-2 bg-golden text-emerald-900 rounded-lg hover:bg-golden-dark transition-colors font-semibold text-sm lg:text-base hover:text-white">
               GitHub
             </a>
           </div>

src/pages/index.astro

@@ -25,7 +25,7 @@ import Layout from '../layouts/Layout.astro';
         <div class="flex flex-wrap justify-center gap-3 sm:gap-4 px-4">
           <a href="#vision" 
              class="px-6 sm:px-8 py-2 sm:py-3 bg-emerald-900 text-offwhite rounded-lg hover:bg-golden hover:text-emerald-900 transition-all duration-300 font-semibold text-sm sm:text-base">
-             DiLi Vision
+            Vision
           </a>
           <a href="#projects" 
              class="px-6 sm:px-8 py-2 sm:py-3 border-2 border-golden text-golden font-semibold rounded-lg hover:bg-golden hover:text-emerald-900 transition-all duration-300 text-sm sm:text-base">
@@ -38,11 +38,11 @@ import Layout from '../layouts/Layout.astro';
         </div>
 
         <!-- Scroll Indicator -->
-        <div class="mt-12 sm:mt-16 text-center animate-bounce">
+        <!-- <div class="mt-12 sm:mt-16 text-center animate-bounce">
           <svg class="w-6 h-6 sm:w-8 sm:h-8 mx-auto text-emerald-900" fill="none" stroke="currentColor" viewBox="0 0 24 24">
             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 14l-7 7m0 0l-7-7m7 7V3"></path>
           </svg>
-        </div>
+        </div> -->
       </div>
     </section>
 

tailwind.config.mjs

@@ -7,14 +7,15 @@ export default {
       colors: {
         // Luxury Emerald & Gold Palette
         emerald: {
-          900: '#022c22', // Deep Background
+          900: '#0A5D31', // Deep Background
           700: '#064e3b', // Hover state
           500: '#10b981', // Main Accent
         },
         offwhite: '#f9f7f1', // Soft Background
         golden: {
           DEFAULT: '#c8b273', // Primary Gold
-          dark: '#CC9E1D',    // Hover Gold
+          dark: '#E3AD00',    // Hover Gold
+
         }
       },
     },