diff --git a/assets/css/app.css b/assets/css/app.css
index ae24e18..31406eb 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -2,39 +2,5 @@
 @import "tailwindcss/components";
 @import "tailwindcss/utilities";
 
-/* Lightbox Image */
-.lightbox {
-  /* Default to hidden */
-  display: none;
-
-  /* Overlay entire screen */
-  position: fixed;
-  z-index: 999;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  
-  /* A bit of padding around image */
-  padding: 1em;
-
-  /* Translucent background */
-  background: rgba(0, 0, 0, 0.8);
-}
-
-/* Unhide the lightbox when it's the target */
-.lightbox:target {
-  display: block;
-}
-
-.lightbox span {
-  /* Full width and height */
-  display: block;
-  width: 100%;
-  height: 100%;
-
-  /* Size and position background image */
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: contain;
-}
\ No newline at end of file
+@import "./lolight.css";
+@import "./lightbox.css";
\ No newline at end of file
diff --git a/assets/css/lightbox.css b/assets/css/lightbox.css
new file mode 100644
index 0000000..c2754f9
--- /dev/null
+++ b/assets/css/lightbox.css
@@ -0,0 +1,37 @@
+/* Lightbox Image */
+.lightbox {
+  /* Default to hidden */
+  display: none;
+
+  /* Overlay entire screen */
+  position: fixed;
+  z-index: 999;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  
+  /* A bit of padding around image */
+  padding: 1em;
+
+  /* Translucent background */
+  background: rgba(0, 0, 0, 0.8);
+}
+
+/* Unhide the lightbox when it's the target */
+.lightbox:target {
+  display: block;
+}
+
+.lightbox span {
+  /* Full width and height */
+  display: block;
+  width: 100%;
+  height: 100%;
+
+  /* Size and position background image */
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+