diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..155422b
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+ "liveServer.settings.port": 5503
+}
\ No newline at end of file
diff --git a/css_fun.css b/css_fun.css
new file mode 100644
index 0000000..516d76a
--- /dev/null
+++ b/css_fun.css
@@ -0,0 +1,68 @@
+.different_color p {
+ color: orange;
+ font-size: 28px;
+
+}
+header {
+ text-align: center;
+}
+
+.different_color > p:nth-of-type(4) {
+ color: green;
+ font-size: 28px;
+}
+.different_color > p:nth-of-type(5) {
+ color: red;
+ font-size: 28px;
+}
+
+.TheHeads {
+ color: pink;
+ font-size: 3s0px;
+}
+
+.smaller {
+ position: relative;
+ top: 12px;
+ color: blue;
+ font-size: 12px;
+ margin-left: 10px;
+ border-bottom: solid 2px ;
+}
+
+.smalls {
+ font-size: 15px;
+ position: relative;
+ top: 12px;
+ color: purple;
+ border-bottom: solid 2px;
+ margin-left: 10px;
+}
+
+.smallas {
+ color: purple;
+ position: relative;
+ top: 12px;
+ font-size: 10px;
+ margin-left: 10px;
+ border-bottom: solid 1px black;
+}
+
+
+.yellow {
+ color: orange;
+ font-size: 28px;
+}
+
+.no-bullet {
+ list-style-type: none;
+}
+
+.border-text {
+ color: gray;
+ font-size: 10px;
+}
+
+.black-p {
+ font-size: 28px;
+}
\ No newline at end of file
diff --git a/css_fun.html b/css_fun.html
new file mode 100644
index 0000000..231fd01
--- /dev/null
+++ b/css_fun.html
@@ -0,0 +1,47 @@
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
Make this text orange and 28px
+
Make this text orange and 28px
+
Make this text orange and 28px
+
Make this text green and 28px
+
Make this text red and 28px
+
+
Make this heading pink
+ Make this heading pink
+ Make this heading pink
+ Make this heading pink
+
+ 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 the border 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
+
+
+ Make this text orange and 28px.
+
+
+
+
+
\ No newline at end of file
diff --git a/index.html b/index.html
deleted file mode 100644
index 7b65980..0000000
--- a/index.html
+++ /dev/null
@@ -1,59 +0,0 @@
-
-
-
-
-
-
-
- CSS Selector Fun
-
-
-
- Make this text orange and 28px
- Make this text orange and 28px
- Make this text orange and 28px
-
- Make this text green and 28px
- Make this text red and 28px
-
-
- Make this heading pink
- Make this heading pink
- Make this heading pink
- Make this heading pink
-
-
-
- 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.
-
-
-
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.
-
-
-
-