make blue lighter

Author: estelle

learn/tasks/cascade/cascade.html

@@ -9,16 +9,16 @@
 
 
   <style class="editable">
-  #outer div ul .nav a {
-    background-color: blue;
-    padding: 5px;
-    display: inline-block;
-    margin-bottom: 10px;
-  }
+    #outer div ul .nav a {
+      background-color: powderblue;
+      padding: 5px;
+      display: inline-block;
+      margin-bottom: 10px;
+    }
 
-  div div li a {
-    color: yellow;
-  }
+    div div li a {
+      color: rebeccapurple;
+    }
   </style>
 
 </head>
@@ -35,16 +35,16 @@
       </div>
     </section>
 <textarea class="playable playable-css" style="height: 250px;">
-  #outer div ul .nav a {
-    background-color: blue;
-    padding: 5px;
-    display: inline-block;
-    margin-bottom: 10px;
-  }
+    #outer div ul .nav a {
+      background-color: powderblue;
+      padding: 5px;
+      display: inline-block;
+      margin-bottom: 10px;
+    }
 
-  div div li a {
-    color: yellow;
-  }               
+    div div li a {
+      color: rebeccapurple;
+    }             
 </textarea>
 
     <textarea class="playable playable-html" style="height: 170px;">