Stylistic changes according to new guidelines

src/styles/general.css

@@ -18,25 +18,47 @@ body {
 }
 
 .bg-saburly-light {
-  background: #faf9fc;
+  background: linear-gradient(
+    90deg,
+    rgba(255, 255, 255, 1) 1%,
+    rgba(250, 249, 252, 1) 49%,
+    rgba(237, 233, 245, 1) 100%
+  );
+}
+
+.bg-saburly-fadeout {
+  background: rgb(255, 255, 255);
+  background: linear-gradient(
+    180deg,
+    rgba(255, 255, 255, 1) 0%,
+    rgba(237, 233, 245, 1) 100%
+  );
+}
+
+.bg-saburly svg {
+  -moz-transform: scaleX(-1);
+  -o-transform: scaleX(-1);
+  -webkit-transform: scaleX(-1);
+  transform: scaleX(-1);
+  filter: FlipH;
+  -ms-filter: 'FlipH';
 }
 
 .bg-saburly-dark {
   background-color: #210b44;
 }
 
+.bg-saburly svg,
 .bg-saburly-light svg,
 .bg-saburly-indigo svg {
   position: absolute;
   bottom: 0;
-  margin-bottom: -1px;
 }
 
 .bg-saburly-indigolight svg {
   position: absolute;
   top: 0;
   transform: rotate(180deg);
-  margin-top: -1px;
 }
 
 .bg-saburly-indigolight {