-
-
+
+
Cookies!
@@ -29,6 +29,3 @@ Cookies!
-
-
-
diff --git a/style.css b/style.css
index 9ca8552..b46ac92 100644
--- a/style.css
+++ b/style.css
@@ -1,30 +1,30 @@
-/*
+/*
STYLE.CSS:
One stylesheet to rule them all.
-
+
selector { property:value }
-
+
*/
@import url(https://fonts.googleapis.com/css?family=Fredericka+the+Great|Lato);
body {
- background-color: #431901;
+ background-color: #00777f;
}
-
+
.pageContainer {
width: 940px;
margin: 20px auto 0 auto;
padding: 20px;
- background-color: #fff;
+ background-color: #00bfcc;
}
-
+
.imageContainer {
float: left;
width: 620px;
}
-
+
.textContainer {
float: left;
width: 300px;
@@ -35,30 +35,29 @@ 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-family: 'Cabin', sans-serif;
font-size: 22px;
- color: #984d26;
+ color: #003A3D;
}
/* ---- 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