header style

assets/dist/script.js

@@ -1,16 +1,29 @@
 "use strict";
 
-function openTab(data, tab) {
-  data.activeTab === tab ? (data.activeTab = "") : (data.activeTab = tab);
+var remFactor = 16;
+var verticalUnit = 1.3 * remFactor;
+function toggleTab(data, tab) {
+  if (data.activeTab === tab) {
+    scrollToElem("body");
+    setTimeout(function () {
+      data.activeTab = "";
+      data.isOpen = false;
+    }, 200);
+  } else {
+    data.activeTab = tab;
+    data.isOpen = true;
+    scrollToElem(".active-tab");
+  }
 }
 function scrollToElem(selector) {
+  document.querySelector(".active-tab").scrollTop = 0;
   setTimeout(function () {
-    var yOffset = -185;
+    var yOffset = -7 * verticalUnit;
     var elem = document.querySelector(selector);
     var top = elem.getBoundingClientRect().top;
     window.scrollTo({
       top: top + window.scrollY + yOffset,
-      behavior: "smooth",
+      behavior: "smooth"
     });
   }, 100);
 }
@@ -26,4 +39,7 @@ document.addEventListener("DOMContentLoaded", function () {
   window.addEventListener("scroll", function () {
     toggleLogoState();
   });
-});
+  if (navigator.userAgent.toLowerCase().includes("safari") && window.innerWidth < 800) {
+    document.querySelector("#tabs").classList.add("safari");
+  }
+});