diff --git a/Monte-carlo-simulations-Basics.html b/Monte-carlo-simulations-Basics.html
index 9d9ca88..c96c9a1 100644
--- a/Monte-carlo-simulations-Basics.html
+++ b/Monte-carlo-simulations-Basics.html
@@ -107,6 +107,26 @@
   border-bottom: 0 solid transparent;
 }
 
+/* Style for the "Back to Top" button */
+#myBtn {
+  display: none;
+  position: fixed;
+  bottom: 20px;
+  right: 30px;
+  z-index: 99;
+  font-size: 18px;
+  border: none;
+  outline: none;
+  background-color: red;
+  color: white;
+  cursor: pointer;
+  padding: 15px;
+  border-radius: 4px;
+}
+
+#myBtn:hover {
+  background-color: #555;
+}
 /*
  * Lumino
  */
@@ -9534,11 +9554,36 @@ <h2 id="Reference">Reference<a class="anchor-link" href="#Reference">¶</a></h2>
 
 </main>
 <button class="back-button" onclick="goBack()">Back to Previous Page</button>
+<button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>
+
 
 <script>
   function goBack() {
       window.history.back();
   }
 </script>
+
+<script>
+  // Get the button
+  let mybutton = document.getElementById("myBtn");
+  
+  // When the user scrolls down 20px from the top of the document, show the button
+  window.onscroll = function() {scrollFunction()};
+  
+  function scrollFunction() {
+    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
+      mybutton.style.display = "block";
+    } else {
+      mybutton.style.display = "none";
+    }
+  }
+  
+  // When the user clicks on the button, scroll to the top of the document
+  function topFunction() {
+    document.body.scrollTop = 0;
+    document.documentElement.scrollTop = 0;
+  }
+  </script>
+
 </body>
 </html>
diff --git a/market-risk.html b/market-risk.html
index 7417861..75a24f8 100644
--- a/market-risk.html
+++ b/market-risk.html
@@ -1374,6 +1374,27 @@
   flex: 1 1 auto;
 }
 
+/* Style for the "Back to Top" button */
+#myBtn {
+  display: none;
+  position: fixed;
+  bottom: 20px;
+  right: 30px;
+  z-index: 99;
+  font-size: 18px;
+  border: none;
+  outline: none;
+  background-color: red;
+  color: white;
+  cursor: pointer;
+  padding: 15px;
+  border-radius: 4px;
+}
+
+#myBtn:hover {
+  background-color: #555;
+}
+
 /*-----------------------------------------------------------------------------
 | Copyright (c) Jupyter Development Team.
 | Distributed under the terms of the Modified BSD License.
@@ -7998,5 +8019,36 @@ <h4 id="Consulsion:">Consulsion:<a class="anchor-link" href="#Consulsion:">¶</a
 </div>
 </div>
 </main>
+<button class="back-button" onclick="goBack()">Back to Previous Page</button>
+<button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>
+
+
+<script>
+  function goBack() {
+      window.history.back();
+  }
+</script>
+
+<script>
+  // Get the button
+  let mybutton = document.getElementById("myBtn");
+  
+  // When the user scrolls down 20px from the top of the document, show the button
+  window.onscroll = function() {scrollFunction()};
+  
+  function scrollFunction() {
+    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
+      mybutton.style.display = "block";
+    } else {
+      mybutton.style.display = "none";
+    }
+  }
+  
+  // When the user clicks on the button, scroll to the top of the document
+  function topFunction() {
+    document.body.scrollTop = 0;
+    document.documentElement.scrollTop = 0;
+  }
+  </script>
 </body>
 </html>
diff --git a/styles.css b/styles.css
index 74848f4..bf87120 100644
--- a/styles.css
+++ b/styles.css
@@ -416,4 +416,25 @@ td:first-child {
 }
 .back-button:hover {
   background-color: #0056b3;
+}
+
+/* Style for the "Back to Top" button */
+#myBtn {
+  display: none;
+  position: fixed;
+  bottom: 20px;
+  right: 30px;
+  z-index: 99;
+  font-size: 18px;
+  border: none;
+  outline: none;
+  background-color: red;
+  color: white;
+  cursor: pointer;
+  padding: 15px;
+  border-radius: 4px;
+}
+
+#myBtn:hover {
+  background-color: #555;
 }
\ No newline at end of file