stylin for links

src/mixins/post.pug

···
 mixin post(paste, handle, did)
   div.post
     p
-      a(href=`/p/${paste.shortUrl}`)
+      a(href=`/p/${paste.shortUrl}`).post-link
         | #{paste.title}
       p.post-info
         | by 

src/public/styles.css

···
 }
 
 pre {
-  background-color: var(--bg-color-muted);
   padding: 1rem;
   overflow-x: auto;
 }
···
 .comment-body {
   background-color: var(--bg-color);
   padding: 0;
+  margin-top: 0.1rem;
+}
+
+.comment-info {
+  margin-bottom: 0;
 }
 
 input, textarea, select, button {
···
   align-self: flex-end;
 }
 
+.post-link {
+  color: var(--text-color);
+  text-decoration: none;
+}
+.post-link:hover {
+  text-decoration: underline;
+}
+.post-link:visited {
+  color: var(--text-color-muted);
+}
+
+.post-info {
+  margin-top: 0;
+}
+
+.post-info, .comment-info {
+  color: var(--text-color-muted);
+}
+.post-info a, .comment-info a {
+  color: var(--text-color-muted);
+  text-decoration: none;
+}
+.post-info a:visited, .comment-info a:visited {
+  color: var(--text-color-muted);
+}
+.post-info a:hover, .comment-info a:hover {
+  text-decoration: underline;
+}
+
 .timeline, .comments {
   display: flex;
   flex-direction: column;
   gap: 1rem;
+  padding-bottom: 1rem;
 }
 
 .login-input-title {
···
 .code-line-content {
   color: var(--text-color);
 }
+
+.header, .footer {
+  color: var(--text-color);
+}
+
+.header a, .header a:visited,
+.footer a, .footer a:visited {
+  color: var(--link-color);
+  text-decoration: none;
+}
+
+.header a:hover,
+.footer a:hover {
+  text-decoration: underline;
+}

src/views/paste.pug

···
     main#content
       +header(ownDid, didHandleMap)
       h1 #{paste.title}
-      p 
+      p.post-info
         | @#{didHandleMap[paste.authorDid]} ·
         | #{timeDifference(now, Date.parse(paste.createdAt))} ago ·
         | #{paste.lang} · 
         | #{paste.code.split('\n').length} loc · 
         a(href=`/r/${paste.shortUrl}`) raw
-        |  · 
+        |  ·
         | #{comments.length} #{pluralize(comments.length, 'comment')}
       pre
         code
···
         div.comments
           each comment in comments
             div.comment(id=`${encodeURIComponent(comment.uri)}`)
-              p 
+              p.comment-info
                 a(href=`/u/${comment.authorDid}`)
                   | @#{didHandleMap[comment.authorDid]}
                 |  ·
                 | #{timeDifference(now, Date.parse(paste.createdAt))} ago
-              p 
-                pre.comment-body #{comment.body}
+              pre.comment-body #{comment.body}
 
       if ownDid
         form(action=`/${encodeURIComponent(paste.uri)}/comment` method="post").post-form