1 files changed, 29 insertions, 21 deletions

diff --git a/docs/style.css b/docs/style.css
index 379e56f..fb0ecde 100644
--- a/docs/style.css
+++ b/docs/style.css
@@ -1,15 +1,20 @@
 @import url('https://rsms.me/inter/inter.css');
 
-.feed-button {
+.hot-links {
   float: right;
-  text-decoration: none;
+  padding: 0.3rem 0rem;
+  margin: -0.5rem 0;
+}
+
+.feed-button, .donate-button {
+  background-color: var(--dark-white);
+  border-radius: 0.2rem;
+  border: 0px solid var(--dark-white);
   color: var(--black) !important;
-  background-color: var(--cyan);
   font-size: 0.8rem;
-  padding: 0.3rem 0.5rem;
   margin: -0.5rem 0;
-  border: 0px solid var(--dark-white);
-  border-radius: 0.2rem;
+  padding: 0.3rem 0.5rem;
+  text-decoration: none;
 }
 
 ::-moz-selection, ::selection {
@@ -17,12 +22,15 @@
 }
 
 :root {
-  --cyan: #79ffe1;
+  --cyan: #00cece;
   --pink: #d344e2;
   --black: #212121;
   --light-black: #666666;
   --white: #ffffff;
   --dark-white: #eeeeee;
+
+  --light-yellow: #F7B955;
+  --dark-yellow: #F49B0B;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -34,10 +42,6 @@
   --white: #000;
   --dark-white: #323232;
   }
-  .feed-button {
-    color: var(--white) !important;
-    background: var(--cyan);
-  }
   ::-moz-selection, ::selection {
     color: var(--white);
     background: var(--cyan);
@@ -62,6 +66,7 @@ body {
 }
 
 html {
+  padding: 0;
   line-height: 1.5;
   font-size: 18px;
 }
@@ -119,26 +124,28 @@ td {
 }
 
 .posts {
-  width: 97%;
+  width: 95%;
   max-width: 650px;
 }
 
-pre, code {
-  font-family: monospace;
-}
-
-pre {
-  overflow: auto;
-  padding: 1rem;
+pre:not(.sourceCode),div.sourceCode {
+  overflow: auto !important;
+  padding: 1.3rem;
+  margin: 1rem -1.3rem !important;
   border: 2px solid var(--dark-white);
   border-radius: 0.4rem;
 }
 
+pre, code {
+  font-family: monospace;
+}
+
 code {
   color: var(--pink);
 }
 
 pre > code {
+  white-space: pre !important;
   border: none;
   color: var(--black);
 }
@@ -162,7 +169,7 @@ pre > code {
 
 
 .post {
-  margin: 1rem;
+  margin: 0.5rem;
 }
 
 img {
@@ -196,9 +203,10 @@ hr {
   font-size: 0.8rem;
   overflow: auto;
   padding: 1.3rem;
+  padding-right: 0.6rem;
   border: 2px solid var(--dark-white);
   border-radius: 0.4rem;
-  margin: 1rem -1.3rem;
+  margin: 2rem -1.3rem;
   font-family: 'Inter', sans-serif;
 }