Adds the brighter rainbow

1 files changed, 81 insertions, 39 deletions

diff --git a/style.css b/style.css
index 1542f88..2fc9aed 100644
--- a/style.css
+++ b/style.css
@@ -33,45 +33,87 @@ h2 {
     background-repeat: no-repeat;
     border-bottom: 10px solid #E4E5E7;
     overflow: auto;
-	background-image: -webkit-linear-gradient(left, 
-		hsl(210, 30%, 20%), hsl(210, 30%, 20%) 25%,  /* #34495e */
-		hsl(280, 30%, 40%) 25%, hsl(280, 30%, 40%) 35%,  /* #9b59b6 */
-		hsl(210, 50%, 40%) 35%, hsl(210, 50%, 40%) 45%,  /* #3498db */
-		hsl(120, 40%, 35%) 45%, hsl(120, 40%, 35%) 55%,  /* #62cb31 */
-		hsl(44, 80%, 40%) 55%, hsl(44, 80%, 40%) 65%,  /* #ffb606 */
-		hsl(30, 80%, 40%) 65%, hsl(30, 80%, 40%) 75%,  /* #e67e22 */
-		hsl(0, 50%, 40%) 85%, hsl(0, 50%, 40%) 85%,  /* #e74c3c */
-		hsl(5, 50%, 35%) 85%, hsl(5, 50%, 35%) 100%);  /* #c0392b */
-
-	background-image: -moz-linear-gradient(left, 
-		hsl(210, 30%, 20%), hsl(210, 30%, 20%) 25%,  /* #34495e */
-		hsl(280, 30%, 40%) 25%, hsl(280, 30%, 40%) 35%,  /* #9b59b6 */
-		hsl(210, 50%, 40%) 35%, hsl(210, 50%, 40%) 45%,  /* #3498db */
-		hsl(120, 40%, 35%) 45%, hsl(120, 40%, 35%) 55%,  /* #62cb31 */
-		hsl(44, 80%, 40%) 55%, hsl(44, 80%, 40%) 65%,  /* #ffb606 */
-		hsl(30, 80%, 40%) 65%, hsl(30, 80%, 40%) 75%,  /* #e67e22 */
-		hsl(0, 50%, 40%) 85%, hsl(0, 50%, 40%) 85%,  /* #e74c3c */
-		hsl(5, 50%, 35%) 85%, hsl(5, 50%, 35%) 100%);  /* #c0392b */
-
-	background-image: -ms-linear-gradient(left, 
-		hsl(210, 30%, 20%), hsl(210, 30%, 20%) 25%,  /* #34495e */
-		hsl(280, 30%, 40%) 25%, hsl(280, 30%, 40%) 35%,  /* #9b59b6 */
-		hsl(210, 50%, 40%) 35%, hsl(210, 50%, 40%) 45%,  /* #3498db */
-		hsl(120, 40%, 35%) 45%, hsl(120, 40%, 35%) 55%,  /* #62cb31 */
-		hsl(44, 80%, 40%) 55%, hsl(44, 80%, 40%) 65%,  /* #ffb606 */
-		hsl(30, 80%, 40%) 65%, hsl(30, 80%, 40%) 75%,  /* #e67e22 */
-		hsl(0, 50%, 40%) 85%, hsl(0, 50%, 40%) 85%,  /* #e74c3c */
-		hsl(5, 50%, 35%) 85%, hsl(5, 50%, 35%) 100%);  /* #c0392b */
-
-	background-image: linear-gradient(to right, 
-		hsl(210, 100%, 20%), hsl(210, 30%, 20%) 25%,  /* #34495e */
-		hsl(280, 30%, 40%) 25%, hsl(280, 30%, 40%) 35%,  /* #9b59b6 */
-		hsl(210, 50%, 40%) 35%, hsl(210, 50%, 40%) 45%,  /* #3498db */
-		hsl(120, 40%, 35%) 45%, hsl(120, 40%, 35%) 55%,  /* #62cb31 */
-		hsl(44, 80%, 40%) 55%, hsl(44, 80%, 40%) 65%,  /* #ffb606 */
-		hsl(30, 80%, 40%) 65%, hsl(30, 80%, 40%) 75%,  /* #e67e22 */
-		hsl(0, 50%, 40%) 85%, hsl(0, 50%, 40%) 85%,  /* #e74c3c */
-		hsl(5, 50%, 35%) 85%, hsl(5, 50%, 35%) 100%);  /* #c0392b */
+
+background-image: -webkit-linear-gradient(left, 
+    hsl(210, 30%, 27%), hsl(210, 30%, 27%) 25%,  /* #34495e */
+    hsl(280, 30%, 50%) 25%, hsl(280, 30%, 50%) 35%,  /* #9b59b6 */
+    hsl(210, 70%, 50%) 35%, hsl(210, 70%, 50%) 45%,  /* #3498db */
+    hsl(120, 60%, 45%) 45%, hsl(120, 60%, 45%) 55%,  /* #62cb31 */
+    hsl(44, 100%, 50%) 55%, hsl(44, 100%, 50%) 65%,  /* #ffb606 */
+    hsl(30, 100%, 50%) 65%, hsl(30, 100%, 50%) 75%,  /* #e67e22 */
+    hsl(0, 70%, 50%) 85%, hsl(0, 70%, 50%) 85%,  /* #e74c3c */
+    hsl(5, 70%, 45%) 85%, hsl(5, 70%, 45%) 100%);  /* #c0392b */
+
+background-image: -moz-linear-gradient(left, 
+    hsl(210, 30%, 27%), hsl(210, 30%, 27%) 25%,  /* #34495e */
+    hsl(280, 30%, 50%) 25%, hsl(280, 30%, 50%) 35%,  /* #9b59b6 */
+    hsl(210, 70%, 50%) 35%, hsl(210, 70%, 50%) 45%,  /* #3498db */
+    hsl(120, 60%, 45%) 45%, hsl(120, 60%, 45%) 55%,  /* #62cb31 */
+    hsl(44, 100%, 50%) 55%, hsl(44, 100%, 50%) 65%,  /* #ffb606 */
+    hsl(30, 100%, 50%) 65%, hsl(30, 100%, 50%) 75%,  /* #e67e22 */
+    hsl(0, 70%, 50%) 85%, hsl(0, 70%, 50%) 85%,  /* #e74c3c */
+    hsl(5, 70%, 45%) 85%, hsl(5, 70%, 45%) 100%);  /* #c0392b */
+
+background-image: -ms-linear-gradient(left, 
+    hsl(210, 30%, 27%), hsl(210, 30%, 27%) 25%,  /* #34495e */
+    hsl(280, 30%, 50%) 25%, hsl(280, 30%, 50%) 35%,  /* #9b59b6 */
+    hsl(210, 70%, 50%) 35%, hsl(210, 70%, 50%) 45%,  /* #3498db */
+    hsl(120, 60%, 45%) 45%, hsl(120, 60%, 45%) 55%,  /* #62cb31 */
+    hsl(44, 100%, 50%) 55%, hsl(44, 100%, 50%) 65%,  /* #ffb606 */
+    hsl(30, 100%, 50%) 65%, hsl(30, 100%, 50%) 75%,  /* #e67e22 */
+    hsl(0, 70%, 50%) 85%, hsl(0, 70%, 50%) 85%,  /* #e74c3c */
+    hsl(5, 70%, 45%) 85%, hsl(5, 70%, 45%) 100%);  /* #c0392b */
+
+background-image: linear-gradient(to right, 
+    hsl(210, 30%, 27%), hsl(210, 30%, 27%) 25%,  /* #34495e */
+    hsl(280, 30%, 50%) 25%, hsl(280, 30%, 50%) 35%,  /* #9b59b6 */
+    hsl(210, 70%, 50%) 35%, hsl(210, 70%, 50%) 45%,  /* #3498db */
+    hsl(120, 60%, 45%) 45%, hsl(120, 60%, 45%) 55%,  /* #62cb31 */
+    hsl(44, 100%, 50%) 55%, hsl(44, 100%, 50%) 65%,  /* #ffb606 */
+    hsl(30, 100%, 50%) 65%, hsl(30, 100%, 50%) 75%,  /* #e67e22 */
+    hsl(0, 70%, 50%) 85%, hsl(0, 70%, 50%) 85%,  /* #e74c3c */
+    hsl(5, 70%, 45%) 85%, hsl(5, 70%, 45%) 100%);  /* #c0392b */
+
+
+	/* background-image: -webkit-linear-gradient(left, */ 
+	/* 	hsl(210, 30%, 20%), hsl(210, 30%, 20%) 25%,  /1* #34495e *1/ */
+	/* 	hsl(280, 30%, 40%) 25%, hsl(280, 30%, 40%) 35%,  /1* #9b59b6 *1/ */
+	/* 	hsl(210, 50%, 40%) 35%, hsl(210, 50%, 40%) 45%,  /1* #3498db *1/ */
+	/* 	hsl(120, 40%, 35%) 45%, hsl(120, 40%, 35%) 55%,  /1* #62cb31 *1/ */
+	/* 	hsl(44, 80%, 40%) 55%, hsl(44, 80%, 40%) 65%,  /1* #ffb606 *1/ */
+	/* 	hsl(30, 80%, 40%) 65%, hsl(30, 80%, 40%) 75%,  /1* #e67e22 *1/ */
+	/* 	hsl(0, 50%, 40%) 85%, hsl(0, 50%, 40%) 85%,  /1* #e74c3c *1/ */
+	/* 	hsl(5, 50%, 35%) 85%, hsl(5, 50%, 35%) 100%);  /1* #c0392b *1/ */
+
+	/* background-image: -moz-linear-gradient(left, */ 
+	/* 	hsl(210, 30%, 20%), hsl(210, 30%, 20%) 25%,  /1* #34495e *1/ */
+	/* 	hsl(280, 30%, 40%) 25%, hsl(280, 30%, 40%) 35%,  /1* #9b59b6 *1/ */
+	/* 	hsl(210, 50%, 40%) 35%, hsl(210, 50%, 40%) 45%,  /1* #3498db *1/ */
+	/* 	hsl(120, 40%, 35%) 45%, hsl(120, 40%, 35%) 55%,  /1* #62cb31 *1/ */
+	/* 	hsl(44, 80%, 40%) 55%, hsl(44, 80%, 40%) 65%,  /1* #ffb606 *1/ */
+	/* 	hsl(30, 80%, 40%) 65%, hsl(30, 80%, 40%) 75%,  /1* #e67e22 *1/ */
+	/* 	hsl(0, 50%, 40%) 85%, hsl(0, 50%, 40%) 85%,  /1* #e74c3c *1/ */
+	/* 	hsl(5, 50%, 35%) 85%, hsl(5, 50%, 35%) 100%);  /1* #c0392b *1/ */
+
+	/* background-image: -ms-linear-gradient(left, */ 
+	/* 	hsl(210, 30%, 20%), hsl(210, 30%, 20%) 25%,  /1* #34495e *1/ */
+	/* 	hsl(280, 30%, 40%) 25%, hsl(280, 30%, 40%) 35%,  /1* #9b59b6 *1/ */
+	/* 	hsl(210, 50%, 40%) 35%, hsl(210, 50%, 40%) 45%,  /1* #3498db *1/ */
+	/* 	hsl(120, 40%, 35%) 45%, hsl(120, 40%, 35%) 55%,  /1* #62cb31 *1/ */
+	/* 	hsl(44, 80%, 40%) 55%, hsl(44, 80%, 40%) 65%,  /1* #ffb606 *1/ */
+	/* 	hsl(30, 80%, 40%) 65%, hsl(30, 80%, 40%) 75%,  /1* #e67e22 *1/ */
+	/* 	hsl(0, 50%, 40%) 85%, hsl(0, 50%, 40%) 85%,  /1* #e74c3c *1/ */
+	/* 	hsl(5, 50%, 35%) 85%, hsl(5, 50%, 35%) 100%);  /1* #c0392b *1/ */
+
+	/* background-image: linear-gradient(to right, */ 
+	/* 	hsl(210, 100%, 20%), hsl(210, 30%, 20%) 25%,  /1* #34495e *1/ */
+	/* 	hsl(280, 30%, 40%) 25%, hsl(280, 30%, 40%) 35%,  /1* #9b59b6 *1/ */
+	/* 	hsl(210, 50%, 40%) 35%, hsl(210, 50%, 40%) 45%,  /1* #3498db *1/ */
+	/* 	hsl(120, 40%, 35%) 45%, hsl(120, 40%, 35%) 55%,  /1* #62cb31 *1/ */
+	/* 	hsl(44, 80%, 40%) 55%, hsl(44, 80%, 40%) 65%,  /1* #ffb606 *1/ */
+	/* 	hsl(30, 80%, 40%) 65%, hsl(30, 80%, 40%) 75%,  /1* #e67e22 *1/ */
+	/* 	hsl(0, 50%, 40%) 85%, hsl(0, 50%, 40%) 85%,  /1* #e74c3c *1/ */
+	/* 	hsl(5, 50%, 35%) 85%, hsl(5, 50%, 35%) 100%);  /1* #c0392b *1/ */
 }
 
 .container {