diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..0b87d0f
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,2 @@
+.DS_Store
+.zed
diff --git a/index.html b/index.html
index 7b65980..eed85c1 100644
--- a/index.html
+++ b/index.html
@@ -1,14 +1,16 @@
-
+
-
-
-
-
+
+
+
+
CSS Selector Fun
-
-
-
+
+
Make this text orange and 28px
Make this text orange and 28px
Make this text orange and 28px
@@ -26,34 +28,44 @@ Make this heading pink
but also some slightly different styles. Is there a way we can avoid
repeating the common styles in the stylesheet? -->
- This text should stay black and 28px
-
- Make this text blue and 12px. Make this paragraph have 10px left margin and a black 2px bottom border.
-
+ This text should stay black and 28px
+
+ Make this text
+ blue
+ and 12px. Make this paragraph have 10px left margin and a
+ black 2px bottom border.
+
-
This text should stay black and 28px.
-
- Make this text purple and 15px. Make this paragraph have 10px left margin and a black 1px bottom border.
-
- Make this text 12px and grey.
-
+
Make this text 12px and grey.
+
-
This text should be purple, 10px, all capitals and bold. Make this paragraph have 10px left margin and black 1px bottom border.
+
+ This text should be purple, 10px, all capitals and bold. Make
+ this paragraph have 10px left margin and black 1px bottom
+ border.
+
Make this text orange and 28px.
+
+ Make this
+ text orange and 28px.
+
-
-
+
diff --git a/styles.css b/styles.css
index e69de29..810ccad 100644
--- a/styles.css
+++ b/styles.css
@@ -0,0 +1,71 @@
+* {
+ font-family: New York;
+}
+
+p {
+ color: orange;
+ font-size: 28px;
+}
+
+h1,
+h2,
+h3,
+h4 {
+ color: pink;
+}
+
+.paragraph,
+#paragraph {
+ color: green;
+ font-size: 28px;
+}
+
+#paragraph {
+ color: red;
+}
+
+.container-one {
+ font-size: 28px;
+}
+
+.container-one p {
+ margin-left: 10px;
+ border-bottom: 2px solid black;
+}
+
+.container-one p,
+.container-one p span {
+ font-size: 12px;
+ color: blue;
+}
+
+.container-two {
+ font-size: 28px;
+}
+
+.container-two p {
+ color: purple;
+ margin-left: 10px;
+ font-size: 15px;
+ border-bottom: 1px solid black;
+}
+
+.container-two p span {
+ color: grey;
+ font-size: 12px;
+}
+
+.container-one.container-two {
+ color: purple;
+ font-size: 10px;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+
+section p,
+section p span {
+ color: orange !important;
+ font-size: 28px !important;
+ border-bottom: none !important;
+ text-transform: none !important;
+}