More tweaks to your-first-webpage styling...

I didn't like the blue, and if it's going to be a tutorial, I
want it to look like I care a little...

guides/your-first-webpage.html

@@ -97,8 +97,8 @@
 }
 html{
 	font-size: 12px;
-	background: #67aacc;
-	background: linear-gradient(0, #67aacc 0%, #8cecf5 35%, #8cecf5 55%, #fff 100%);
+	background: #EEE;
+	background: linear-gradient(0, #DDD 0%, #EEE 35%, #FFF 55%, #EEE 100%);
 }
 body{
 	margin: 0;
@@ -133,11 +133,11 @@ ul{
 	list-style-type: square;
 }
 img{
-	border: 2px solid #67aacc;
+	border: 2px solid #10106b;
 	border-style: dashed;
 }
 img:hover{
-	border-color: lightskyblue;
+	border-color: ##6f6fa5;
 }</pre></code>
 
 				<p>Note how we specify the name of the HTML tags in the CSS. They're a direct one-to-one, so adding styling to ul in the CSS, changes the appearance of ul in the HTML.</p>
@@ -145,7 +145,7 @@ img:hover{
 				<h4>Customise your site</h4>
 				<p>I've intentionally made the styling <em>"cool"</em> and <em>experimental</em> for those unfamiliar with CSS. That means that there should be some wiggle room for you to figure out, and mess around with it, to find something you like.</p>
 
-				<p>If you're unsure about the #67aacc, etc. they're colours, take a quick look <a href="https://www.google.com/search?q=hex+colour+picker&rlz=1C1CHBF_enGB948GB948&oq=hex&aqs=chrome.2.69i57j0i131i433i512l2j46i433i512j0i131i433i512j69i61l3.3688j0j7&sourceid=chrome&ie=UTF-8" target="_blank" rel="noopener" >here</a>.</p>
+				<p>If you're unsure about the #10106b, etc. they're colours, take a quick look <a href="https://www.google.com/search?q=hex+colour+picker&rlz=1C1CHBF_enGB948GB948&oq=hex&aqs=chrome.2.69i57j0i131i433i512l2j46i433i512j0i131i433i512j69i61l3.3688j0j7&sourceid=chrome&ie=UTF-8" target="_blank" rel="noopener" >here</a>.</p>
 
 				<h2>Page title</h2>