diff --git a/html/thoughts/less-technical-debt b/html/thoughts/less-technical-debt
new file mode 100644
index 0000000..3284017
--- /dev/null
+++ b/html/thoughts/less-technical-debt
@@ -0,0 +1,16 @@
+<!-- TITLE: there is less technical debt now. -->
+<p>I modified almost every html file in the site. there are less problems now. </p>
+
+<p>thoughts like these are no longer viewed as iframes, images are now handled by my img-caption script:
+<pre><xmp>
+$[cat ./scripts/img-caption]
+</xmp></pre>
+
+Have I mentioned how much I love that a significant portion of the content on this site is generated by bash script?<br><br>
+The above file is included here with <code>$[echo \$[cat ./scripts/img-caption]]</code>. I greatly enjoy this.
+</p>
+
+<p>Given that the css that is included in every site has now been standardized, I should probably start generalizing the start of each html document such that I can change one file to update the head section of all documents.
+Also, I should implement a header.</p>
+
+<p>Over the past 3 days, I have increased the number of entries in the changelog by approximately 1.8 times. I am amused by this.</p>
diff --git a/style.css b/style.css
index 23c7888..0459574 100644
--- a/style.css
+++ b/style.css
@@ -8,67 +8,6 @@
   src: url('/font/MapleMonoItalic.ttf') format('truetype');
 }
 
-/* @media (max-width: 615px) { */
-/*   body { */
-/*     margin: 0; */
-/*   } */
-
-/*   header { */
-/*     display: block; */
-/*   } */
-/* } */
-
-/* @media (max-width: 615px) { */
-/*   body { */
-/*     margin: 0; */
-/*   } */
-
-/*   header { */
-/*     display: none; */
-/*   } */
-/* } */
-
-/* @media (min-width: 730px) and (max-width: 799px) { */
-/*   body { */
-/*     margin: 0 0; */
-/*     min-width: 100% */
-/*   } */
-
-/*   header { */
-/*     display: flex; */
-/*   } */
-/* } */
-
-/* @media (min-width: 1000px) and (max-width: 1299px) { */
-/*   body { */
-/*     margin: 0 10%; */
-/*     min-width: 80% */
-/*   } */
-
-/*   li > p { */
-/*     width: 70%; */
-/*   } */
-
-/*   header { */
-/*     display: flex; */
-/*   } */
-/* } */
-
-/* @media (min-width: 1300px) { */
-/*   body { */
-/*     margin: 0 20%; */
-/*     min-width: 60%; */
-/*   } */
-
-/*   li > p { */
-/*     width: 60%; */
-/*   } */
-
-/*   header { */
-/*     display: flex; */
-/*   } */
-/* } */
-
 @media (max-width: 1400px) {
   body {
     margin: 0%;
@@ -175,7 +114,7 @@ form {
   background: var(--alt-bg);
   display: flex;
   flex-direction: column;
-  width: clamp(300px, 500px, 50%);
+  width: 50%; 
   padding: 20px;
   margin: 15px 0;
   box-shadow: 10px 10px var(--gray);