added css classes for img, video, code styling

src/routes/+layout.svelte

@@ -33,6 +33,10 @@
             --notch-size: 32px;
             --notch-size-small: 16px;
             --notch-size-link: 10px;
+
+            --color-link-unvisited: #c2e8ff;
+            --color-link-visited: #ffd7f0;
+            --color-link-hovered: #ffdad5;
         }
 
         html {
@@ -96,6 +100,44 @@
             width: fit-content;
         }
 
+        code, .code-block {
+            font-family: 'Reddit Mono', monospace;
+            font-size: 0.9em;
+            background-color: var(--color-background-highlight);
+            /* color: var(--color-background); */
+            border-radius: 8px;
+            padding-left: 6px;
+            padding-right: 6px;
+        }
+
+        img, video {
+            width: 80%;
+            margin-left: auto;
+            margin-right: auto;
+            display: flex;
+        }
+
+        .horizontally-centre-aligned {
+            width: 80%;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            margin-left: auto;
+            margin-right: auto;
+        }
+
+        a:link {
+            color: var(--color-link-unvisited);
+        }
+        /* visited link */
+        a:visited {
+            color: var(--color-link-visited);
+        }
+        /* mouse over link */
+        a:hover {
+            color: var(--color-link-hovered);
+        }
+
         .notched {
             clip-path: polygon(
                 0% var(--notch-size),