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), 

src/routes/projects/projectn5/devlog/+page.svelte

@@ -8,7 +8,7 @@
     <title>Project N5 Devlog | denizk0461</title> 
 </svelte:head>
 
-<BannerTitle title="Project N5; Development Log" />
+<BannerTitle title="Project N5; Development Log" banner="/projects/projectn5/devlog/20240323/unity_overview.webp" />
 
 <p>This is the development log for my game <strong>Project N5</strong>! It's an action-adventure jump-and-run game heavily inspired by games such as Ratchet & Clank. Development started on <b>2023-09-16</b>.</p>
 
@@ -22,7 +22,7 @@
 
 
 {#snippet devlogPost({post}: {post: DevlogPost})}
-<a href="{post.date}/" class="post">
+<a href="devlog/{post.date}/" class="post">
     {#if post.banner}
     <img class="post-img notched" src="/projects/projectn5/devlog/{post.date}/{post.banner}">
     {:else}