Updates

assets/css/styles.css

@@ -58,11 +58,15 @@ pre, kdb, p > code {
   background-color: var(--grey);
   color: var(--green);
   border-radius: var(--border-radius);
-  font-size: 12pt;
+  font-size: medium;
   padding: 3px;
   overflow-x: scroll;
 }
 
+code, pre {
+  background-color: var(--bright-background);
+}
+
 figcaption, cite > p, blockquote > p {
   color: inherit;
   background-color: inherit;
@@ -93,11 +97,6 @@ footer > p {
   padding: 0;
 }
 
-.intro {
-  max-width: 60ch;
-  margin: 1em;
-}
-
 .card {
   min-width: 16em;
   max-width: 16em;
@@ -114,34 +113,12 @@ footer > p {
   height: 8em;
 }
 
-.tags {
-  border: var(--border);
-  border-radius: var(--border-radius);
-  margin: 5px;
-  padding: 1em;
-}
-
-.tags-link {
-  color: var(--foreground);
-}
-
-.tags:hover {
-  background-color: var(--blue);
-}
-
-.tags-link:hover {
-  color: var(--background);
-}
-
 .center {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
 }
 
-ul, ol, .post p {
-  font-size: 16pt;
-}
 
 .thumbnail {
   display: flex;
@@ -169,14 +146,14 @@ ul, ol, .post p {
   max-width: 80ch;
 }
 
-.post hgroup > h1 {
-  font-size: 24pt;
-  margin: 0;
-  padding: 0;
+.post h1 {
+  font-size: x-large;
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
 }
 
-.post hgroup > p {
-  font-size: 18pt;
+.post hgroup p, .post p, ul, ol {
+  font-size: large;
 }
 
 .post-link {
@@ -195,33 +172,10 @@ ul, ol, .post p {
   max-height: 400px;
 }
 
-.post h1 {
-  font-size: 20pt;
-  margin-top: 0.5em;
-  margin-bottom: 0.5em;
-}
-
 .post-content > h1 {
   border-bottom: var(--border);
 }
 
-.post-thumbnail {
-  display: flex;
-  border-radius: var(--border-radius);
-  width: 100%;
-  height: 200px;
-  margin-bottom: 1em;
-  background-color: var(--grey);
-}
-
-.post-thumbnail > p {
-  align-content: center;
-  justify-content: center;
-  margin-left: auto;
-  margin-right: auto;
-  font-size: 24pt;
-}
-
 iframe, .post-content img {
   max-width: 100%;
   object-fit: cover;
@@ -290,6 +244,7 @@ nav a {
   align-items: center;
   text-decoration: none;
   color: var(--foreground);
+  font-size: medium;
 }
 
 nav > ul {