Home button modified and link to home page on my team page

Author: christinaescalera1-boop

our-team/index.html

@@ -30,7 +30,12 @@ <h2>Ivan Melchor</h2>
       <h2>Argenis Contreras</h2>
       <p>Creative thinker with a background in design and marketing. Always looking for new ideas.</p>
     </div>
-  </div>
+    </div>
+    <div class="separator-bar"></div>
+
 
+<button onclick="window.location.href='../index.html'" class="home-button">
+  HOME
+</button>
 </body>
 </html>

styles/ourteam.css

@@ -9,7 +9,7 @@ body {
 
 h1 {
   text-align: center;
-  font-size: 2.0em;
+  font-size: 2.25em;
   color: #CC5500;
   font-family: "Lucida Handwriting", cursive;
 }
@@ -20,6 +20,7 @@ h1 {
   flex-wrap: wrap;
   margin-top: 30px;
   gap: 20px;
+  margin-bottom: 30px;
 }
 
 .team-member {
@@ -68,4 +69,52 @@ h1 {
   height: 30px;
   background-color: #0b2a4a; /* dark blue */
   width: 100%;
+  margin-bottom: 30px;
+
+}
+
+.home-button {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  padding: 12px 20px;
+  margin-bottom: 50px;
+
+  font-family: 'Inter', Arial, sans-serif;
+  font-size: 0.95rem;
+  font-weight: 500;
+
+  color: #ffffff;
+  background-color: #CC5500;
+  text-decoration: none;
+
+  border-radius: 999px; /* pill shape */
+  box-shadow: 0 6px 12px rgba(11, 42, 74, 0.25);
+
+  transition: 
+    background-color 0.2s ease,
+    transform 0.15s ease,
+    box-shadow 0.15s ease;
 }
+
+/* Hover effect */
+.home-button:hover {
+  background-color: #143d66;
+  transform: translateY(-2px);
+  box-shadow: 0 10px 18px rgba(11, 42, 74, 0.3);
+}
+
+/* Keyboard accessibility */
+.home-button:focus {
+  outline: none;
+  box-shadow: 0 0 0 3px rgba(11, 42, 74, 0.35);
+}
+
+/* Optional: fix it to the top-left corner */
+.home-button.fixed {
+  position: fixed;
+  top: 20px;
+  left: 20px;
+  z-index: 1000;
+}
+