shadow refinements

src/style/stylesheet.scss

@@ -146,7 +146,7 @@ img {
     color: white;
     display: flex;
     align-items: center;
-    text-shadow: 0 0 8px black;
+    text-shadow: 0 0 7px black;
     z-index: 800;
     div {
         max-width: $content-width;
@@ -170,6 +170,10 @@ img {
 #navbar {
     @extend .bg-primary-medium;
     width: 100%;
+    top: 0;
+    position: sticky;
+    position: -webkit-sticky;
+    box-shadow: 0 0 4px 1px black;
 }
 
 #navbar-inner {
@@ -178,9 +182,6 @@ img {
     padding-right: 10px;
     display: flex;
     color: white;
-    position: sticky;
-    position: -webkit-sticky;
-    top: 0;
     max-width: $content-width;
     width: 100%;
     height: 50px;
@@ -201,7 +202,7 @@ img {
         padding-left: 15px;
         padding-right: 15px;
         margin: 0;
-        text-shadow: 0 0 2.5px rgba(0, 0, 0, 0.95);
+        text-shadow: 0 0 2.5px black;
         transition: background-color 0.5s;
         &.active {
             @extend .bg-primary-light;