Add more to css

1 files changed, 73 insertions, 1 deletions

diff --git a/www/css/site.css b/www/css/site.css
index 8e80eca..9914445 100644
--- a/www/css/site.css
+++ b/www/css/site.css
@@ -1,3 +1,75 @@
-section a {
+@font-face {
+    font-family: 'comicsans';
+    src: url('/fonts/ComicMono.ttf') format('truetype'),
+    url("/fonts/ComicMono.ttf") format("truetype");
+}
+
+body {
+    background-color: #1a202c;
+    font-family: "comicsans", monospace;
+    color: #ffffff;
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+}
+
+h1,
+h2,
+h3 {
+    font-weight: bold;
+    font-size: 1.125rem;
+}
+
+h1 {
+    color: #BEF264;
+    text-align: center;
+    width: 100%;
+}
+
+h2 {
+    color: #FCD34D;
+}
+
+h2:before {
+    content: "## ";
+}
+
+h3 {
+    color: #86EFAC;
+}
+
+h3:before {
+    content: "### ";
+}
+
+
+section {
+    padding: 1rem;
+}
+
+blockquote {
+    margin: 0;
+    font-weight: bold;
+}
+
+a {
     display: block;
+    color: #93C5FD;
+    text-decoration: none;
+}
+
+a:hover {
+    color: #3730A3;
+}
+
+a:before {
+    content: "=> ";
+}
+
+pre {
+    overflow-x: auto;
+}
+
+code.hljs {
+    background-color: #232323;
+    font-size: 1.125rem;
 }