Fix colors and shadows

themes/gokarna/static/css/main.css

@@ -44,13 +44,14 @@ img {
 .header {
   background-color: var(--light-bg-color);
   color: inherit;
-  font-size: 1.05rem;
+  font-size: 1.25rem;
   height: 50px;
   left: 0;
   position: fixed;
   top: 0;
   width: 100%;
   opacity: 0.95;
+  transition: box-shadow 0.3s ease-in-out;
 }
 
 .header a {
@@ -82,7 +83,6 @@ img {
   padding-left: 15px;
 }
 .nav-title a {
-  font-size: 20px;
   height: 50px;
 }
 .header-nav .nav-links {
@@ -177,11 +177,15 @@ img {
   visibility: hidden;
 }
 
+.header-shadow {
+  box-shadow: rgb(220, 220, 220) 0px 1px 5px;
+}
+
 /* ICONS */
 .feather {
   height: 20px;
   margin: -3px auto;
-  stroke-width: 1.25;
+  stroke-width: 2;
   width: 20px;
 }