diff --git a/index.html b/index.html
index 30ad56b96..18df82974 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,7 @@
+
+
Introduction to CSS Lab
diff --git a/package-lock.json b/package-lock.json
index 4c25e7bee..0ec5210d6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -703,9 +703,9 @@
}
},
"node_modules/get-func-name": {
- "version": "2.0.0",
- "resolved": "https://registry.npmjs.org/get-func-name/-/get-func-name-2.0.0.tgz",
- "integrity": "sha1-6td0q+5y4gQJQzoGY2YCPdaIekE=",
+ "version": "2.0.2",
+ "resolved": "https://registry.npmjs.org/get-func-name/-/get-func-name-2.0.2.tgz",
+ "integrity": "sha512-8vXOvuE167CtIc3OyItco7N/dpRtBbYOsPsXCz7X/PMnlGjYjSGuZJgM1Y7mmew7BKf9BqvLX2tnOVy1BBUsxQ==",
"dev": true,
"engines": {
"node": "*"
@@ -2392,9 +2392,9 @@
"dev": true
},
"get-func-name": {
- "version": "2.0.0",
- "resolved": "https://registry.npmjs.org/get-func-name/-/get-func-name-2.0.0.tgz",
- "integrity": "sha1-6td0q+5y4gQJQzoGY2YCPdaIekE=",
+ "version": "2.0.2",
+ "resolved": "https://registry.npmjs.org/get-func-name/-/get-func-name-2.0.2.tgz",
+ "integrity": "sha512-8vXOvuE167CtIc3OyItco7N/dpRtBbYOsPsXCz7X/PMnlGjYjSGuZJgM1Y7mmew7BKf9BqvLX2tnOVy1BBUsxQ==",
"dev": true
},
"glob": {
diff --git a/style.css b/style.css
index a6f387622..84ace9b5f 100644
--- a/style.css
+++ b/style.css
@@ -1,20 +1,28 @@
/* Tag selector to select the 'body' element */
body {
/* Your code here! */
+ background: #00b3e6;
}
/* Tag selector to select all 'div' elements. We only have one 'div' in our HTML */
div {
/* Your code here! */
+ width: 700px;
+ margin: auto;
+ font-family: "Helvetica Neue";
+ background: white;
+ padding: 30px;
}
/* ID selector to select the element with id 'main-header' */
#main-header {
/* Your code here! */
+ font-size: 22px;
color: red;
}
/* Class selector to select elements containing the class 'perspective-questions' */
.perspective-questions {
/* Your code here! */
+ font-style: italic;
}