diff --git a/index.html b/index.html
index 7aaa733..cec743a 100644
--- a/index.html
+++ b/index.html
@@ -139,26 +139,23 @@
}
#scrollToTopBtn {
- position: fixed;
- bottom: 20px;
- right: 20px;
- z-index: 999;
- background-color: rgba(255, 255, 255, 0.1);
- border: 1px solid #888;
- color: #eee;
- font-size: 1.5em;
- padding: 0.2em 0.6em;
- border-radius: 0.4em;
- cursor: pointer;
- transition: opacity 0.3s ease;
- opacity: 0;
- pointer-events: none;
- }
+ position: fixed;
+ bottom: 15px;
+ right: 15px;
+ z-index: 9999;
+ background-color: #010;
+ color: #000;
+ font-size: 1.25em;
+ padding: 0.4em 0.8em;
+ border: none;
+ border-radius: 0.5em;
+ cursor: pointer;
+ opacity: 1 !important;
+ pointer-events: auto !important;
+ box-shadow: 0 4px 12px rgba(0,0,0,0.3);
+ transition: opacity 0.3s ease;
+}
- #scrollToTopBtn.show {
- opacity: 1;
- pointer-events: auto;
- }
@@ -395,16 +392,6 @@ const videoObserver = new IntersectionObserver((entries, observer) => {
h1.style.letterSpacing = "";
h1.style.transition = "letter-spacing 1s ease";
});
-window.addEventListener("scroll", () => {
- const maxSpacing = 1.2;
- const maxScroll = 600;
- const scrollY = window.scrollY;
- const spacing = Math.min(scrollY / maxScroll * maxSpacing, maxSpacing);
- if (!h1.matches(':hover')) {
- h1.style.letterSpacing = spacing + "em";
- }
- });
-
window.addEventListener("scroll", () => {
const baseMaxSpacing = 0.0012; // коэффициент
@@ -437,7 +424,22 @@ window.addEventListener("scroll", () => {
-
+
+
+
+