fix scoped styling

Author: bagusnl

home/scripts/footer.vue

@@ -7,7 +7,7 @@
     </span></p>
 </template>
 
-<style>
+<style scoped>
 .footer {
     text-align: center;
     font-size: 1em;
@@ -28,9 +28,9 @@
     padding: 5px;
     position: absolute;
     z-index: 1;
-    top: 125%; /* Position the tooltip below the text */
+    top: 100%; /* Position the tooltip below the text */
     left: 50%;
-    margin-left: -60px;
+    transform: translateX(-50%); /* Center horizontally */
     opacity: 0;
     transition: opacity 0.3s;
 }

home/scripts/team.vue

@@ -1,5 +1,6 @@
 <template>
   <section class="team-section">
+    <h1><strong>Meet the Team</strong></h1>
     <div class="team-category">
       <h2>Core Developers</h2>
       <p>&nbsp;</p>
@@ -41,7 +42,7 @@ export default {
 };
 </script>
 
-<style>
+<style scoped>
   .team-section {
     font-family: Arial, sans-serif;
     padding: 2em;

home/team.md

@@ -12,6 +12,4 @@ sidebar: false
 
  
 
-# Meet the Team
-
 <teamPage />