diff --git a/css/style.scss b/css/style.scss
index 0f6688f..fd8e660 100644
--- a/css/style.scss
+++ b/css/style.scss
@@ -64,6 +64,12 @@ body {
 			}
 		}
 
+		.section {
+			h2.sticky {
+				opacity: 0.2;
+			}
+		}
+
 		.progress {
 			border-color: white;
 			background: black;
@@ -315,7 +321,7 @@ span.hu {
 			position: sticky;
 			top: 2rem;
 			transform: scale(10);
-			opacity: 0.2;
+			opacity: 0.15;
 
 			&.active {
 				transition: none;
diff --git a/js/main.js b/js/main.js
index 378fb00..1894c42 100644
--- a/js/main.js
+++ b/js/main.js
@@ -41,6 +41,9 @@ ready(() => {
     
     // set vh property to the true viewport height to fix it on mobile browsers
     document.documentElement.style.setProperty('--vh', `${window.innerHeight * 0.01}px`)
+
+    // is the browser based on firefox
+    const isFirefox = navigator.userAgent.indexOf("Firefox") > -1
     
     // DISABLE RIGHT CLICK
     /*