From d8c4fa989a8073ab7a20c0bfe12d42012920d09b Mon Sep 17 00:00:00 2001
From: CrimsonTome <crimsontome427@protonmail.com>
Date: Sun, 4 Sep 2022 12:55:16 +0000
Subject: [PATCH] fixup css need to fix code blocks

---
 css/index.css                     |  4 +-
 css/prism-base16-monokai.dark.css | 88 +++++++++++++++++++++++++++++++
 2 files changed, 90 insertions(+), 2 deletions(-)
 create mode 100644 css/prism-base16-monokai.dark.css

diff --git a/css/index.css b/css/index.css
index 628563a..ee07159 100644
--- a/css/index.css
+++ b/css/index.css
@@ -2,9 +2,9 @@
 :root {
   --header: #333;
   --border: #C0C0C0;
-  --text: #ed3f3e;
+  --text: #fff;
   --visited: #660066;
-  --link: ##0000FF;
+  --link: #0000FF;
   --bg: #fff;
   --code-bg: #f6f6f6;
   --header-text: #333;
diff --git a/css/prism-base16-monokai.dark.css b/css/prism-base16-monokai.dark.css
new file mode 100644
index 0000000..4a7889a
--- /dev/null
+++ b/css/prism-base16-monokai.dark.css
@@ -0,0 +1,88 @@
+code[class*="language-"], pre[class*="language-"] {
+	font-size: 14px;
+	line-height: 1.375;
+	direction: ltr;
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+	-moz-tab-size: 2;
+	-o-tab-size: 2;
+	tab-size: 2;
+	-webkit-hyphens: none;
+	-moz-hyphens: none;
+	-ms-hyphens: none;
+	hyphens: none;
+	background: #272822;
+	color: #f8f8f2;
+}
+pre[class*="language-"] {
+	padding: 1.5em 0;
+	margin: .5em 0;
+	overflow: auto;
+}
+:not(pre) > code[class*="language-"] {
+	padding: .1em;
+	border-radius: .3em;
+}
+.token.comment, .token.prolog, .token.doctype, .token.cdata {
+	color: #75715e;
+}
+.token.punctuation {
+	color: #f8f8f2;
+}
+.token.namespace {
+	opacity: .7;
+}
+.token.operator, .token.boolean, .token.number {
+	color: #fd971f;
+}
+.token.property {
+	color: #f4bf75;
+}
+.token.tag {
+	color: #66d9ef;
+}
+.token.string {
+	color: #a1efe4;
+}
+.token.selector {
+	color: #ae81ff;
+}
+.token.attr-name {
+	color: #fd971f;
+}
+.token.entity, .token.url, .language-css .token.string, .style .token.string {
+	color: #a1efe4;
+}
+.token.attr-value, .token.keyword, .token.control, .token.directive, .token.unit {
+	color: #a6e22e;
+}
+.token.statement, .token.regex, .token.atrule {
+	color: #a1efe4;
+}
+.token.placeholder, .token.variable {
+	color: #66d9ef;
+}
+.token.deleted {
+	text-decoration: line-through;
+}
+.token.inserted {
+	text-decoration: none;
+}
+.token.italic {
+	font-style: italic;
+}
+.token.important, .token.bold {
+	font-weight: bold;
+}
+.token.important {
+	color: #f92672;
+}
+.token.entity {
+	cursor: help;
+}
+pre > code.highlight {
+	outline: 0.4em solid #f92672;
+	outline-offset: .4em;
+}