Header tweaking

Author: buggymaytricks

style.css

@@ -894,6 +894,7 @@ a:hover {
 .ml-16  { margin-left: 16px; }
 
 .py-24  { padding-top: 24px; padding-bottom: 24px; }
+.py-16  { padding-top: 16px; padding-bottom: 16px; }
 .py-32  { padding-top: 32px; padding-bottom: 32px; }
 .py-40  { padding-top: 40px; padding-bottom: 40px; }
 .py-48  { padding-top: 48px; padding-bottom: 48px; }
@@ -1017,14 +1018,17 @@ a:hover {
 *****************************/
 .header-nav {
   position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
+  top: 20px;
+  left: 12px;
+  right: 12px;
   z-index: 1000;
   background-color: rgba(10, 10, 10, 0.95);
-  backdrop-filter: blur(12px);
-  border-bottom: 1px solid var(--color-border-primary);
+  backdrop-filter: blur(5px);
+  border: 1px solid var(--color-border-primary);
+  border-radius: 16px;
   transition: all var(--animation-normal) var(--ease-out-cubic);
+  padding-top: 16px !important;
+  padding-bottom: 16px !important;
 }
 
 .logo {