widen contact form

content/contact.md

@@ -8,7 +8,6 @@ showTaxonomies: false
 showPagination: false
 showTableOfContents: false 
 showAuthor: true
-zenMode: true
 ---
 
 {{< button href="/Ash_Marlow_CV.pdf" target="_blank" >}}
@@ -19,7 +18,8 @@ zenMode: true
 
 ### Send a Message
 
-<form action="https://formspree.io/f/mykndyej" method="POST" class="contact-form">
+<form action="https://formspree.io/f/mykndyej" method="POST" class="contact-form" style="width: 100%; max-width: 650px; margin: 20px auto;">
+  
   <div style="margin-bottom: 15px;">
     <label style="display: block; margin-bottom: 5px;">Name</label>
     <input type="text" name="name" required style="width: 100%; padding: 8px; border-radius: 5px; border: 1px solid #3d3d4d; background: transparent; color: inherit;">
@@ -35,7 +35,7 @@ zenMode: true
     <textarea name="message" rows="5" required style="width: 100%; padding: 8px; border-radius: 5px; border: 1px solid #3d3d4d; background: transparent; color: inherit;"></textarea>
   </div>
 
-  <button type="submit" style="background-color: #3d3d4d; color: white; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer;">
+  <button type="submit" style="background-color: #3d3d4d; color: white; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; width: 100%; max-width: 200px;">
     Send Message
   </button>
 </form>