diff --git a/index.html b/index.html
index 0d85f88..249904a 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
/dev.space
-
+
diff --git a/style.css b/styles/hero.css
similarity index 78%
rename from style.css
rename to styles/hero.css
index 9bf7dbc..11cb995 100644
--- a/style.css
+++ b/styles/hero.css
@@ -1,9 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@200&display=swap");
-
-body {
- margin: 0;
-}
-
.hero {
align-items: center;
display: flex;
@@ -30,4 +24,4 @@ body {
font-weight: lighter;
position: absolute;
bottom: 1rem;
-}
+}
\ No newline at end of file
diff --git a/styles/index.css b/styles/index.css
new file mode 100644
index 0000000..85bc727
--- /dev/null
+++ b/styles/index.css
@@ -0,0 +1,9 @@
+/* Fonts */
+@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@200&display=swap");
+
+/* Components */
+@import url("./hero.css");
+
+body {
+ margin: 0;
+}