diff --git a/assets/css/styles.css b/assets/css/styles.css
new file mode 100644
index 0000000..09f25c0
--- /dev/null
+++ b/assets/css/styles.css
@@ -0,0 +1,23 @@
+/*=============== TOGGLE SWITCH ===============*/
+:root {
+ /*========== Colors ==========*/
+ /*Color mode HSL(hue, saturation, lightness)*/
+ --line-color: hsl(234, 12%, 35%);
+ --active-color: hsl(234, 100%, 98%);
+ --inactive-color: hsl(234, 20%, 68%);
+ --body-color: hsl(234, 12%, 8%);
+}
+
+* {
+ box-sizing: border-box;
+}
+
+body {
+ height: 100vh;
+ margin: 0;
+ display: grid;
+ place-items: center;
+ background-color: var(--body-color);
+}
+
+/* Toggle animation effects */
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..de792ac
--- /dev/null
+++ b/index.html
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
+
+
+ Simple toggle switch - Bedimcode
+
+
+
+
+
\ No newline at end of file
diff --git a/preview.png b/preview.png
new file mode 100644
index 0000000..54d0206
Binary files /dev/null and b/preview.png differ