remove unneeded hack in main.css (#51)

src/lib/components/CodeBlock.svelte

@@ -15,8 +15,10 @@
 	});
 </script>
 
-<div class="group code-block">
-	<pre><code class="language-{lang}">{@html highlightedCode || code}</code></pre>
+<div class="group relative rounded-lg my-4">
+	<pre class="overflow-auto px-5 py-3.5"><code class="language-{lang}"
+			>{@html highlightedCode || code}</code
+		></pre>
 	<CopyToClipBoardBtn
 		classNames="absolute top-2 right-2 invisible opacity-0 group-hover:visible group-hover:opacity-100"
 		value={code}

src/styles/main.css

@@ -14,12 +14,4 @@
 	.scrollbar-custom {
 		@apply !scrollbar-thin !scrollbar-w-1 !scrollbar-thumb-rounded-full !scrollbar-track-transparent !scrollbar-thumb-black/10 dark:!scrollbar-thumb-white/10;
 	}
-
-	.code-block {
-		@apply relative rounded-lg my-4;
-	}
-
-	.code-block > pre {
-		@apply overflow-auto px-5 py-3.5 text-gray-500 dark:text-gray-400;
-	}
 }