From 0fb4e0af5c4cdfbc3660631ad9af083943e39dd9 Mon Sep 17 00:00:00 2001
From: chris <chris@chrisedwards.tech>
Date: Thu, 20 Feb 2025 09:48:34 -0500
Subject: [PATCH] adjust back to top button

---
 .vscode/settings.json | 2 +-
 script.js             | 2 +-
 style.css             | 9 ++++++---
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/.vscode/settings.json b/.vscode/settings.json
index bc1eabf..dc901c4 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,3 +1,3 @@
 {
-    "liveServer.settings.port": 5509
+    "liveServer.settings.port": 5510
 }
\ No newline at end of file
diff --git a/script.js b/script.js
index 961ce2b..78d4d71 100644
--- a/script.js
+++ b/script.js
@@ -161,7 +161,7 @@ let mybutton = document.getElementById("top");
 window.onscroll = function() {scrollFunction()};
 
 function scrollFunction() {
-  if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
+  if (document.body.scrollTop > 130 || document.documentElement.scrollTop > 130) {
     mybutton.style.display = "block";
   } else {
     mybutton.style.display = "none";
diff --git a/style.css b/style.css
index 6a3d879..3931ed8 100644
--- a/style.css
+++ b/style.css
@@ -102,19 +102,22 @@ form{
 }
 
 #top {
+      font-family: "Autour One", serif; /* font-family: "Playwrite AU SA", serif; */
+
   display: none; /* Hidden by default */
   position: fixed; /* Fixed/sticky position */
-  bottom: 20px; /* Place the button at the bottom of the page */
-  right: 30px; /* Place the button 30px from the right */
+  bottom: 12px; /* Place the button at the bottom of the page */
+  right: 10px; /* Place the button 30px from the right */
   z-index: 99; /* Make sure it does not overlap */
   border: none; /* Remove borders */
   outline: none; /* Remove outline */
-  background-color: #d1fff8; /* Set a background color */
+  background-color: #0dc9ba; /* Set a background color */
   cursor: pointer; /* Add a mouse pointer on hover */
   padding: 15px; /* Some padding */
   border-radius: 10px; /* Rounded corners */
   font-size: 18px; /* Increase font size */
   border:solid 1px #363636;
+  box-shadow: 3px 3px 3px #363636 ;
 }
 
 #top:hover {