improves scroll hash and history behavior (smooth scroll)

src/styles/global.css

@@ -8,6 +8,7 @@
 
 * {
   box-sizing: border-box;
+  scroll-behavior: smooth;
 }
 /* .hero * {
   transition: color .2s, background-color .2s;
@@ -83,21 +84,8 @@
   .gradient {
     background-image: linear-gradient(
       180deg,
-      hsl(31deg 24% 44%) 0%,
-      hsl(27deg 25% 42%) 7%,
-      hsl(22deg 26% 40%) 14%,
-      hsl(18deg 27% 37%) 21%,
-      hsl(12deg 28% 35%) 29%,
-      hsl(9deg 29% 32%) 36%,
-      hsl(4deg 30% 30%) 43%,
-      hsl(0deg 31% 27%) 50%,
-      hsl(0deg 31% 23%) 57%,
-      hsl(0deg 31% 19%) 64%,
-      hsl(0deg 32% 15%) 71%,
-      hsl(0deg 30% 12%) 79%,
-      hsl(0deg 30% 8%) 86%,
-      hsl(0deg 30% 4%) 93%,
-      hsl(0deg 0% 0%) 100%
+      hsla(0deg, 0%, 0%, 0%) 95%,
+      hsla(0deg, 0%, 0%, 10%) 100%
     );
   }
 }