diff --git a/guides/your-first-webpage.html b/guides/your-first-webpage.html
index 8f05880..e90cad8 100644
--- a/guides/your-first-webpage.html
+++ b/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;
}
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.
@@ -145,7 +145,7 @@ img:hover{
Customise your site
I've intentionally made the styling "cool" and experimental 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.
- If you're unsure about the #67aacc, etc. they're colours, take a quick look here.
+ If you're unsure about the #10106b, etc. they're colours, take a quick look here.
Page title