diff --git a/generateSite.js b/generateSite.js
index 0847a3d..6b419d4 100644
--- a/generateSite.js
+++ b/generateSite.js
@@ -51,49 +51,6 @@ async function generateSite() {
     <title>${image.description || `Image ${i + 1}`}</title>
     <link rel="stylesheet" href="/styles.css">
     <link rel="icon" type="image/png" href="/favicon.png">
-    <style>
-        .progressive-image-container {
-            width: auto;
-            max-width: 100vw;
-            max-height: 100vh;
-            margin: 0 auto;
-            display: grid;
-            position: relative;
-        }
-        .progressive-image {
-            width: 100%;
-            height: 100%;
-            max-width: 100%;
-            max-height: 100vh;
-            grid-area: 1 / 1;
-            transition: opacity 0.5s ease-in-out;
-            object-fit: contain;
-        }
-        .thumbnail {
-            filter: blur(10px);
-            transform: scale(.95);
-            opacity: 1;
-        }
-        .full-image {
-            opacity: 0;
-        }
-        .full-image.loaded {
-            opacity: 1;
-        }
-        .description {
-            position: absolute;
-            max-width: 80%;
-            z-index: 2;
-            color: #cccccc;
-            opacity: 0.8;
-            mix-blend-mode: color-dodge;
-            margin-top: 0;
-            margin-bottom: 0;
-            font-size: 16px;
-            letter-spacing: 0.5px;
-            line-height: 1.4;
-        }
-    </style>
 </head>
 <body>
     <div class="image-container">
diff --git a/public/styles.css b/public/styles.css
index e382427..16c97f7 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -51,6 +51,9 @@ img {
     letter-spacing: 0.5px;
     line-height: 1.4;
     opacity: 0.7;
+    z-index: 2;
+    color: #cccccc;
+    mix-blend-mode: color-dodge;
 }
 
 .navigation {
@@ -61,13 +64,12 @@ img {
     justify-content: space-between;
     padding: 0 5px;
     pointer-events: none;
-    mix-blend-mode: color-burn;
 }
 
 .navigation a {
     text-decoration: none;
     color: white;
-    mix-blend-mode: difference;
+    mix-blend-mode: color-dodge;
     font-size: 24px;
     pointer-events: auto;
     opacity: 0.7;
@@ -77,4 +79,37 @@ img {
 
 .navigation a:hover {
     opacity: 1;
+}
+
+.progressive-image-container {
+    width: auto;
+    max-width: 100vw;
+    max-height: 100vh;
+    margin: 0 auto;
+    display: grid;
+    position: relative;
+}
+
+.progressive-image {
+    width: 100%;
+    height: 100%;
+    max-width: 100%;
+    max-height: 100vh;
+    grid-area: 1 / 1;
+    transition: opacity 0.5s ease-in-out;
+    object-fit: contain;
+}
+
+.thumbnail {
+    filter: blur(10px);
+    transform: scale(.95);
+    opacity: 1;
+}
+
+.full-image {
+    opacity: 0;
+}
+
+.full-image.loaded {
+    opacity: 1;
 }
\ No newline at end of file
