diff --git a/Certified_Full_Stack_Developer/CSS/Colored_Boxes/index.html b/Certified_Full_Stack_Developer/CSS/Colored_Boxes/index.html
new file mode 100644
index 0000000..8ccd829
--- /dev/null
+++ b/Certified_Full_Stack_Developer/CSS/Colored_Boxes/index.html
@@ -0,0 +1,18 @@
+
+
+
+
+
+ Colored Boxes
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Certified_Full_Stack_Developer/CSS/Colored_Boxes/styles.css b/Certified_Full_Stack_Developer/CSS/Colored_Boxes/styles.css
new file mode 100644
index 0000000..b78aaa0
--- /dev/null
+++ b/Certified_Full_Stack_Developer/CSS/Colored_Boxes/styles.css
@@ -0,0 +1,25 @@
+body {
+ background-color: #f4f4f4;
+}
+
+.color-box {
+ width: 10px;
+ height: 10px;
+ display: inline-block;
+}
+
+.color1{
+ background-color: #323232;
+}
+.color2 {
+ background-color: rgb(10, 20, 255);
+}
+.color3 {
+ background-color: aqua;
+}
+.color4 {
+ background-color: hsl(10, 15%, 37%);
+}
+.color5 {
+ background-color: green;
+}
\ No newline at end of file
diff --git a/Certified_Full_Stack_Developer/CSS/Confidential_Email/index.html b/Certified_Full_Stack_Developer/CSS/Confidential_Email/index.html
new file mode 100644
index 0000000..f447042
--- /dev/null
+++ b/Certified_Full_Stack_Developer/CSS/Confidential_Email/index.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+ Confidential Email
+
+
+
+
+
+
+ address:Homestreet 1 1919EI
+ name:BEN
+ sender:CIA
+
+
+
\ No newline at end of file
diff --git a/Certified_Full_Stack_Developer/CSS/Confidential_Email/styles.css b/Certified_Full_Stack_Developer/CSS/Confidential_Email/styles.css
new file mode 100644
index 0000000..1624810
--- /dev/null
+++ b/Certified_Full_Stack_Developer/CSS/Confidential_Email/styles.css
@@ -0,0 +1,28 @@
+#email {
+ padding: 50px;
+ margin-top: 50px;
+ width: 500px;
+ border: 2px solid black;
+ max-width: 500px;
+ box-sizing: border-box;
+}
+
+#confidential {
+ display: inline-block;
+ padding: 10px 4px;
+ margin-left: 10px;
+ border: 2px solid black;
+ transform: rotate(20deg);
+}
+
+#top-secret{
+ display: inline-block;
+ transform: rotate(20deg);
+ padding: 10px 4px;
+ margin-left: 10px;
+ border: 10px solid black;
+}
+
+.blurred {
+ filter: blur(3px);
+}
\ No newline at end of file
diff --git a/Certified_Full_Stack_Developer/CSS/Contact_Form/index.html b/Certified_Full_Stack_Developer/CSS/Contact_Form/index.html
new file mode 100644
index 0000000..43db7e2
--- /dev/null
+++ b/Certified_Full_Stack_Developer/CSS/Contact_Form/index.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+ Contact Form
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Certified_Full_Stack_Developer/CSS/Contact_Form/styles.css b/Certified_Full_Stack_Developer/CSS/Contact_Form/styles.css
new file mode 100644
index 0000000..1f352ff
--- /dev/null
+++ b/Certified_Full_Stack_Developer/CSS/Contact_Form/styles.css
@@ -0,0 +1,41 @@
+* {
+ padding: 0;
+ margin: 0;
+}
+
+body {
+ background-color: aquamarine;
+}
+
+.form-container {
+ border-radius: 25px;
+ padding: 20px;
+ width: 50%;
+ background-color: aliceblue;
+ display: center;
+}
+
+label {
+ margin: 10px;
+ color: brown;
+}
+
+input {
+ width: 90px;
+ padding: 10px;
+ margin-bottom: 10px;
+ height: 10px;
+}
+textarea {
+ width: 90px;
+ padding: 10px;
+ margin-bottom: 10px;
+}
+button {
+ background-color: rgb(82, 90, 90);
+ font-size: 12px;
+}
+
+button:hover {
+ background-color: green;
+}
\ No newline at end of file
diff --git a/Certified_Full_Stack_Developer/CSS/Playing_Cards/index.html b/Certified_Full_Stack_Developer/CSS/Playing_Cards/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/Certified_Full_Stack_Developer/CSS/Playing_Cards/styles.css b/Certified_Full_Stack_Developer/CSS/Playing_Cards/styles.css
new file mode 100644
index 0000000..e69de29