diff --git a/foundations/02-class-id-selectors/COMPLETE.md b/foundations/02-class-id-selectors/COMPLETE.md
new file mode 100644
index 0000000..dba4010
--- /dev/null
+++ b/foundations/02-class-id-selectors/COMPLETE.md
@@ -0,0 +1 @@
+# Complete
diff --git a/foundations/02-class-id-selectors/index.html b/foundations/02-class-id-selectors/index.html
index 263042a..c253a99 100644
--- a/foundations/02-class-id-selectors/index.html
+++ b/foundations/02-class-id-selectors/index.html
@@ -8,10 +8,10 @@
     <link rel="stylesheet" href="style.css">
   </head>
   <body>
-    <p>Number 1 - I'm a class!</p>
-    <div>Number 2 - I'm one ID.</div>
-    <p>Number 3 - I'm a class, but cooler!</p>
-    <div>Number 4 - I'm another ID.</div>
-    <p>Number 5 - I'm a class!</p>
+    <p class="odds">Number 1 - I'm a class!</p>
+    <div id="number2">Number 2 - I'm one ID.</div>
+    <p class="specialodds">Number 3 - I'm a class, but cooler!</p>
+    <div id="greeny">Number 4 - I'm another ID.</div>
+    <p class="odds">Number 5 - I'm a class!</p>
   </body>
 </html>
\ No newline at end of file
diff --git a/foundations/02-class-id-selectors/style.css b/foundations/02-class-id-selectors/style.css
index e69de29..58479f9 100644
--- a/foundations/02-class-id-selectors/style.css
+++ b/foundations/02-class-id-selectors/style.css
@@ -0,0 +1,19 @@
+.odds, .specialodds {
+    background-color: lightcoral;
+    font-family: Verdana, Dejavu Sans, sans-serif;
+}
+
+#number2 {
+    color:blue;
+    font-size: 36px;
+}
+
+.specialodds{
+    font-size: 24px;
+}
+
+#greeny {
+    background-color: rgb(149, 255, 149);
+    font-size: 24px;
+    font-weight: bold;
+}
\ No newline at end of file
