diff --git a/basics-10-styling-starting-setup/app.js b/basics-10-styling-starting-setup/app.js
new file mode 100644
index 0000000..e69de29
diff --git a/basics-10-styling-starting-setup/index.html b/basics-10-styling-starting-setup/index.html
new file mode 100644
index 0000000..30c5dca
--- /dev/null
+++ b/basics-10-styling-starting-setup/index.html
@@ -0,0 +1,25 @@
+
+
+
+
+
+ Vue Basics
+
+
+
+
+
+
+
+
+
+
diff --git a/basics-10-styling-starting-setup/styles.css b/basics-10-styling-starting-setup/styles.css
new file mode 100644
index 0000000..5cf6738
--- /dev/null
+++ b/basics-10-styling-starting-setup/styles.css
@@ -0,0 +1,36 @@
+* {
+ box-sizing: border-box;
+}
+
+html {
+ font-family: 'Jost', sans-serif;
+}
+
+body {
+ margin: 0;
+}
+
+header {
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26);
+ margin: 3rem;
+ border-radius: 10px;
+ padding: 1rem;
+ background-color: #4fc08d;
+ color: white;
+ text-align: center;
+}
+
+#styling {
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26);
+ margin: 3rem;
+ border-radius: 10px;
+ padding: 1rem;
+ text-align: center;
+}
+
+.demo {
+ width: calc(100% - 32px);
+ height: 100px;
+ margin: 16px;
+ border: 2px dashed #ccc;
+}
\ No newline at end of file