make the image double size, and make the contact button position after the name and before description, project and about me button make them in same line horizontally in the buttom of the page

index.html

@@ -32,10 +32,11 @@
     <div id="vanta-bg" class="min-h-screen flex items-center justify-center px-4">
         <div class="glass-card p-6 max-w-md w-full mx-auto text-center" style="aspect-ratio: 9/19; max-height: 95vh;">
             <div class="flex flex-col justify-center h-full">
-                <div class="w-28 h-28 mx-auto mb-6 rounded-full overflow-hidden border-4 border-indigo-500">
+                <div class="w-56 h-56 mx-auto mb-6 rounded-full overflow-hidden border-4 border-indigo-500">
                     <img src="http://static.photos/technology/320x240/42" alt="Profile" class="w-full h-full object-cover">
                 </div>
                 <h1 class="text-3xl font-bold mb-3 gradient-text">John Doe</h1>
+                <a href="#contact" class="px-6 py-3 border border-indigo-500 rounded-full hover:bg-indigo-900/30 transition text-base mb-4">Contact</a>
                 <p class="text-xl text-gray-300 mb-4">Full Stack Developer & UI/UX Designer</p>
                 <p class="text-base text-gray-400 mb-8 px-2">Building digital experiences that matter. Passionate about creating clean, efficient code and beautiful interfaces.</p>
                 
@@ -54,12 +55,11 @@
                     </a>
                 </div>
                 
-                <div class="flex flex-col space-y-3">
-                    <a href="#projects" class="px-6 py-3 bg-indigo-600 rounded-full hover:bg-indigo-700 transition text-base">Projects</a>
-                    <a href="#about" class="px-6 py-3 border border-indigo-500 rounded-full hover:bg-indigo-900/30 transition text-base">About Me</a>
-                    <a href="#contact" class="px-6 py-3 border border-indigo-500 rounded-full hover:bg-indigo-900/30 transition text-base">Contact</a>
+                <div class="flex justify-center space-x-3 mt-auto">
+                    <a href="#projects" class="px-4 py-2 bg-indigo-600 rounded-full hover:bg-indigo-700 transition text-sm">Projects</a>
+                    <a href="#about" class="px-4 py-2 border border-indigo-500 rounded-full hover:bg-indigo-900/30 transition text-sm">About Me</a>
                 </div>
-            </div>
+</div>
         </div>
     </div>
 <!-- Scripts -->