vineethtrv
diff --git a/‎css/styles.css
+1-1 b/‎css/styles.css
+1-1
diff --git a/‎css/workshop.css
-47 b/‎css/workshop.css
-47
diff --git a/‎index.html
+2-2 b/‎index.html
+2-2
diff --git a/‎scss/styles.scss
+13-4 b/‎scss/styles.scss
+13-4
diff --git a/‎scss/workshop.scss
-75 b/‎scss/workshop.scss
-75
diff --git a/‎workshop.html
-91 b/‎workshop.html
-91
@@ -6,7 +6,7 @@
     <link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
     <link rel="manifest" href="site.webmanifest">
-    <link rel="mask-icon" href="images/safari-pinned-tab.svg" color="#5bbad5">
+    <link rel="mask-icon" href="images/safari-pinned-tab.svg" color="#ffffff">
     <meta name="msapplication-TileColor" content="#da532c">
     <meta name="theme-color" content="#ffffff">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -55,7 +55,7 @@
 </head>
 <body>
     <header>
-        <span class="brand">CSS L &nbsp; aders</span>
+        <span class="brand">L &nbsp; aders</span>
 
         <nav>
             <a class="nav-btn codepen" target="_blank" href="https://codepen.io/vineethtrv/pen/NWxZqMM"></a>
 
@@ -11,8 +11,15 @@ $size: 48px;
       box-sizing: border-box;
     }
 ::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
+  width: 10px;
+  height: 10px;
+}
+::-webkit-scrollbar:hover {
+  width: 18px;
+  background: #0004;
+}
+::-webkit-scrollbar-track:hover {
+  background: #0001; 
 }
 
 /* Track */
@@ -50,7 +57,9 @@ header {
   display: flex;
   align-items: center;
   justify-content: space-between;
-
+  position: sticky;
+  top: 0px;
+  z-index: 10;
   nav {
     display: flex;
     align-items: center;
@@ -87,7 +96,7 @@ header {
   &::after{
     content: '';
     position: absolute;
-    left: 95px;
+    left: 20px;
     bottom: 7px;
     border: 3px solid $lite;
     border-bottom-color: $brand;