Design tweaks and color changes

src/styles/general.css

@@ -16,7 +16,7 @@ body {
 }
 
 .bg-saburly-light {
-  background: #f8f8f8;
+  background: rgba(87, 99, 171, 0.05);
 }
 
 .bg-saburly-light-header {
@@ -47,7 +47,7 @@ body {
   background: linear-gradient(
     180deg,
     RGBA(116, 68, 207, 1) 0%,
-    RGBA(57, 57, 144, 1) 100%
+    RGBA(87, 99, 171, 1) 100%
   );
 }
 
@@ -94,7 +94,7 @@ body {
   max-height: 3rem;
 }
 
-.saburly-bottom-shadow {
+.border-bottom-saburly {
   box-shadow: 0 6px 14px 0 rgba(51, 6, 13, 0.04),
     0 2px 3px 0 rgba(51, 6, 13, 0.12);
 }
@@ -114,3 +114,11 @@ body {
 .saburly-logo {
   margin-bottom: -0.4rem;
 }
+
+.border-saburly-header {
+  box-shadow: 0 4px 2px -2px #000000;
+}
+
+.saburly-overlay-shadow {
+  background-color: RGBA(0, 0, 0, 0.1);
+}