convert colours to hsl

style.css

@@ -3,12 +3,13 @@
 body {
   background:
     linear-gradient(to bottom,
-      #f9cf6b 0%,
-      #f96b88 20% 25%,
-      #ff9bc7 40% 55%,
-      #8693ff 80% 85%,
-      #58d6ff 98% 100%)
-    fixed;
+        hsl(42deg,  92%,  70%) 0%,
+        hsl(348deg, 92%,  70%) 20% 25%,
+        hsl(334deg, 100%, 80%) 40% 50%,
+        hsl(234deg, 100%, 76%) 80% 85%,
+        hsl(195deg, 100%, 67%) 98% 100%
+      )
+      fixed;
 
   font-family: 'Muller';
   font-size: x-large;
@@ -19,7 +20,7 @@ body {
     -1px 1px 0 black,
     1px -1px 0 black,
     -1px -1px 0 black,
-    4px 4px 2px rgba(0, 0, 0, 60%);
+    4px 4px 4px hsla(0, 0%, 0%, 60%);
   text-align: center;
 
   max-width: 50em;
@@ -97,7 +98,7 @@ dd {
 }
 
 a {
-  color: #c9f1ff;
+  color: hsl(196deg, 100%, 85%);
   font-weight: 700;
   text-decoration: none;
 }