Colocar a função de rolar a tela quando o link for direcionar para algum id da mesma tela - Follow Up Deployment

index.html

@@ -39,6 +39,10 @@
             display: block;
         }
         
+        html {
+            scroll-behavior: smooth;
+        }
+        
         .hero-pattern {
             background-image: radial-gradient(#2b6cb0 1px, transparent 1px);
             background-size: 20px 20px;
@@ -237,5 +241,23 @@
         </div>
     </footer>
 
+    <script>
+        // Smooth scrolling for anchor links
+        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+            anchor.addEventListener('click', function (e) {
+                e.preventDefault();
+                const targetId = this.getAttribute('href');
+                if (targetId !== '#') {
+                    const targetElement = document.querySelector(targetId);
+                    if (targetElement) {
+                        targetElement.scrollIntoView({
+                            behavior: 'smooth',
+                            block: 'start'
+                        });
+                    }
+                }
+            });
+        });
+    </script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=maralvic/tt2" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>