More stuff

index.html

@@ -97,7 +97,7 @@ <h2><a href="#installation" id="installation" class="self-link"></a>Installation
 reevaluateOnBlur(document, /*class=*/'echo');
 </script>
 
-<p>Pick and choose some or all of the following (versioned!) stylesheets to add to your <code>&lt;head&gt;</code> block. </p>
+<p>Pick and choose some or all of these versioned stylesheets to add to your <code>&lt;head&gt;</code> block. </p>
 
 <p><a href="stylesheets/echo.css">echo.css</a>'s <code>.echo</code> class can be used on <code>&lt;script&gt;</code> and <code>&lt;style&gt;</code> elements to display them inline, with a <a href="https://blog.glyphdrawing.club/font-with-built-in-syntax-highlighting/">font with built-in syntax highlighting</a>. <em>Recommended.</em></p>
 
@@ -117,7 +117,7 @@ <h2><a href="#installation" id="installation" class="self-link"></a>Installation
   crossorigin=&quot;anonymous&quot; /&gt;
 </pre>
 
-<p><a href="stylesheets/libertine.css">libertine.css</a> is a <a href="https://dohliam.github.io/dropin-minimal-css/">drop-in serif-based stylesheet</a>, roughly imitating the look of <a href="https://typst.app/">Typst</a> papers. <em>Optional.</em></p>
+<p><a href="stylesheets/libertine.css">libertine.css</a> is a <a href="https://dohliam.github.io/dropin-minimal-css/">drop-in serif-based stylesheet</a>, vaguely imitating the look of <a href="https://typst.app/">Typst</a> papers. <em>Optional.</em></p>
 
 <pre class="echo" style="margin-bottom: 1ch;">
 &lt;link 

stylesheets/echo.css

@@ -1,7 +1,7 @@
 @font-face {
   font-family: 'FontWithASyntaxHighlighter';
   src:
-    url('./fonts/FontWithASyntaxHighlighter-Regular.woff2') format('woff2');
+    url('../fonts/FontWithASyntaxHighlighter-Regular.woff2') format('woff2');
 }
 
 .echo {
@@ -13,4 +13,6 @@
   color: #eee;
   font-size: 0.9rem;
   background-color: #282828;
+  border-radius: 1ch;
+  padding: 1ch;
 }