diff --git a/images/cookie-monster.jpg b/images/cookie-monster.jpg
new file mode 100644
index 0000000..53ec81b
Binary files /dev/null and b/images/cookie-monster.jpg differ
diff --git a/index.html b/index.html
index a3f6561..5d37559 100644
--- a/index.html
+++ b/index.html
@@ -1,7 +1,7 @@
-
+
-
-

+
+
Cookies!
@@ -22,13 +22,11 @@
Cookies!
- Chocolate Chip
- Peanut Butter
- - Christmas
+ - World Peace
+ - Chocolate Chunk
-
-
-
diff --git a/style.css b/style.css
index 9ca8552..eb87429 100644
--- a/style.css
+++ b/style.css
@@ -1,10 +1,10 @@
-/*
+/*
STYLE.CSS:
One stylesheet to rule them all.
-
+
selector { property:value }
-
+
*/
@import url(https://fonts.googleapis.com/css?family=Fredericka+the+Great|Lato);
@@ -12,19 +12,19 @@
body {
background-color: #431901;
}
-
+
.pageContainer {
width: 940px;
margin: 20px auto 0 auto;
padding: 20px;
background-color: #fff;
}
-
+
.imageContainer {
float: left;
width: 620px;
}
-
+
.textContainer {
float: left;
width: 300px;
@@ -35,13 +35,13 @@ body {
img {
width: 100%;
}
-
+
h1 {
- font-family: 'Fredericka the Great', cursive;
+ font-family: 'Cookie', cursive;
font-size: 64px;
color: #411000;
}
-
+
p, li {
font-family: 'Lato', sans-serif;
font-size: 22px;
@@ -52,13 +52,12 @@ p, li {
/* ---- Advanced ---- */
-/* This tag is a bit advanced for this lesson,
- but is needed to wrap the pageContainer
+/* This tag is a bit advanced for this lesson,
+ but is needed to wrap the pageContainer
around any sized content that is floated within it. */
-.pageContainer:after {
+.pageContainer:after {
content: " ";
display: table;
clear: both;
}
-
\ No newline at end of file