feat: general improvements and cleanup

demo.html

···
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Home · intergrav/dev.css</title>
-    <link
-      rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/@intergrav/dev.css@2"
-    />
+    <link rel="stylesheet" href="dev.css" />
     <link
       rel="stylesheet"
       href="https://cdn.jsdelivr.net/npm/@intergrav/fonts@1/serve/geist.min.css"
···
       This is paragraph text. Lorem ipsum dolor sit amet consectetur adipisicing
       elit.
     </p>
+
+    <br />
+    <hr />
+    <br />
+
+    <blockquote>
+      This entire page was made with dev.css. You can view the source
+      <a href="https://github.com/intergrav/dev.css/blob/main/demo.html">here</a
+      >.
+    </blockquote>
 
     <br />
     <hr />

dev.css

···
   overflow-wrap: break-word;
   background: var(--dc-bg-1);
   color: var(--dc-tx-2);
-  font-size: 1.03rem;
+  font-size: 1rem;
   line-height: 1.5;
 }
 
···
 h1,
 h2,
 h3 {
-  padding-bottom: 6px;
-  margin-bottom: 8px;
+  padding-bottom: 0.3rem;
+  margin-bottom: 0.4rem;
   border-bottom: 1px solid var(--dc-bg-3);
 }
 
···
 }
 
 h1 {
-  font-size: 2.25rem;
+  font-size: 2rem;
 }
 
 h2 {
-  font-size: 1.85rem;
+  font-size: 1.75rem;
 }
 
 h3 {
-  font-size: 1.55rem;
+  font-size: 1.5rem;
 }
 
 h4 {
···
   padding: 1.5rem;
   background: var(--dc-bg-2);
   border: 1px solid var(--dc-bg-3);
-  border-left: 6px solid var(--dc-bg-3);
+  border-left: 5px solid var(--dc-bg-3);
   border-radius: 4px;
 }
 
···
   margin-bottom: 0;
 }
 
-@media (max-width: calc(-1px + (750px + 4rem) + ((250px + 2rem)*2))) {
+@media (max-width: calc(-1px + (750px + 4rem) + ((275px + 2rem)*2))) {
   header {
     background: var(--dc-bg-2);
     border-bottom: 1px solid var(--dc-bg-3);
···
   }
 }
 
-@media (min-width: calc((750px + 4rem) + ((250px + 2rem)*2))) {
+@media (min-width: calc((750px + 4rem) + ((275px + 2rem)*2))) {
   header {
     padding: 2rem;
     padding-right: 0;
     margin: 0;
     position: fixed;
     top: 0;
-    left: calc(50% - ((750px + 4rem) / 2) - (250px + 2rem));
-    width: 250px;
+    left: calc(50% - ((750px + 4rem) / 2) - (275px + 2rem));
+    width: 275px;
     height: calc(100% - 1rem);
     overflow-y: auto;
   }
···
   background: var(--dc-bg-2);
   border: 1px solid var(--dc-bg-3);
   border-radius: 4px;
-  padding: 3px 6px;
-  font-size: 0.9em;
+  padding: 2px 4px;
+  font-size: 0.9rem;
 }
 
 kbd {
···
 }
 
 mark {
-  padding: 3px 6px;
+  padding: 2px 4px;
   background: var(--dc-ac-1);
   color: var(--dc-ac-tx);
   border-radius: 4px;