diff --git a/component.json b/component.json
index 0b39f2d..5ae28b2 100644
--- a/component.json
+++ b/component.json
@@ -6,7 +6,7 @@
   "version": "0.0.2",
   "license": "MIT",
   "styles": [
-    "index.css"
+    "style.css"
   ],
   "images": [
     "images/logo.svg",
diff --git a/index.css b/index.css
index 7274b48..31ca364 100644
--- a/index.css
+++ b/index.css
@@ -1,22 +1,2 @@
-
-/**
- * Webhooks
- */
-
-.logo[data-logo="Webhooks"] {
-  width: 4.033113772em;
-  /* (5.99/1.67) * (1+.065+.065) - .02 */
-}
-
-.logo[data-logo="Webhooks"] > * {
-  background-image: url(images/logo.svg);
-  margin: -.065em 0 -.065em -.02em;
-}
-
-.logo[data-logo="Webhooks"][data-color="black"] > * {
-  background-image: url(images/logo-black.svg);
-}
-
-.logo[data-logo="Webhooks"][data-color="white"] > * {
-  background-image: url(images/logo-white.svg);
-}
+@import 'logo/logo';
+@import './style';
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..7274b48
--- /dev/null
+++ b/style.css
@@ -0,0 +1,22 @@
+
+/**
+ * Webhooks
+ */
+
+.logo[data-logo="Webhooks"] {
+  width: 4.033113772em;
+  /* (5.99/1.67) * (1+.065+.065) - .02 */
+}
+
+.logo[data-logo="Webhooks"] > * {
+  background-image: url(images/logo.svg);
+  margin: -.065em 0 -.065em -.02em;
+}
+
+.logo[data-logo="Webhooks"][data-color="black"] > * {
+  background-image: url(images/logo-black.svg);
+}
+
+.logo[data-logo="Webhooks"][data-color="white"] > * {
+  background-image: url(images/logo-white.svg);
+}