feat: add box-shadow to all cta/submit/reset buttons

src/styles/about.css

@@ -234,11 +234,13 @@ button[type="submit"], button[type="reset"] {
   border-radius: 50px;
   font-size: 1rem;
   cursor: pointer;
+  box-shadow: 0 4px 8px rgba(202, 110, 11, 0.4);
   transition: background-color 0.3s ease;
 }
 
 button[type="submit"]:hover, button[type="reset"]:hover {
   background-color: #2e97be;
+  box-shadow: 0 4px 8px rgba(46, 151, 190, 0.4);
 }
 
 .honeypot-field {

src/styles/demos.css

@@ -83,13 +83,14 @@ h3 {
     text-decoration: none;
     font-weight: 600;
     border-radius: 50px;
+    box-shadow: 0 4px 8px rgba(202, 110, 11, 0.4);
     transition: background-color 0.3s ease, box-shadow 0.3s ease;
 }
 
 .demo-link:hover,
 .demo-repo:hover {
     background-color: var(--primary-color);
-    box-shadow: 0 4px 8px rgba(46, 151, 190, 0.2);
+    box-shadow: 0 4px 8px rgba(46, 151, 190, 0.4);
 }
 
 /* Responsive tweaks */

src/styles/header-footer.css

@@ -29,7 +29,7 @@
     text-decoration: none;
     font-weight: 500;
     transition: all 0.3s ease;
-    padding: 8px 15px;
+    padding: 4px 15px;
     border-radius: 5px;
     position: relative;
     overflow: hidden;

src/styles/index.css

@@ -285,18 +285,19 @@ body {
     text-decoration: none;
     font-weight: 600;
     border-radius: 50px;
+    box-shadow: 0 4px 8px rgba(202, 110, 11, 0.4);
     transition: background-color 0.3s ease, box-shadow 0.3s ease;
 }
 
 .demos-link:hover,
 .cta-button:hover {
     background-color: #2e97be;
-    box-shadow: 0 4px 8px rgba(46, 151, 190, 0.2);
+    box-shadow: 0 4px 8px rgba(46, 151, 190, 0.4);
 }
 
 .demos-link:active, .cta-button:active {
     background-color: #ca6e0b;
-    box-shadow: 0 4px 8px rgba(46, 151, 190, 0.2);
+    box-shadow: 0 4px 8px rgba(202, 110, 11, 0.4);
 }
 
 .project-steps {