1 files changed, 75 insertions, 8 deletions

diff --git a/static/styles.css b/static/styles.css
index ce4aeb6..77e1caa 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -149,16 +149,25 @@ template {
 
 /* jefferson.sh */
 
-@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
+/* @import url('https://fonts.googleapis.com/css2?family=VT323&display=swap'); */
+
+@font-face {
+  font-family: 'White Rabbit';
+  src: url(/static/whitrabt.ttf)
+}
 
 html {
   --primary-bg: #2b2b2b;
+  --primary-bg-shadow: #2b2b2b;
   /* --primary-fg: #65d84a; */
   --primary-fg: #0eff5d;
+  --primary-fg-shadow: #12e055;
   background-color: var(--primary-bg);
   color: var(--primary-fg);
-  font-family: 'VT323', monospace;
+  /* font-family: 'White Rabbit', monospace; */
+  font-family: monospace;
   font-size: 18px;
+  text-shadow: 0 0 4px var(--primary-fg-shadow);
   position: relative;
   overflow: auto;
   /* scroll-behavior: smooth; */
@@ -171,7 +180,22 @@ html {
   }
 }
 
-html:before {
+html::before {
+  content: ' ';
+  display: block;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: -1;
+  background-color: var(--primary-bg);
+  background-image: radial-gradient(
+    rgba(0, 150, 0, 0.5), var(--primary-bg) 120%
+  );
+}
+
+html::after {
   content: ' ';
   display: block;
   position: absolute;
@@ -179,12 +203,19 @@ html:before {
   left: 0;
   bottom: 0;
   right: 0;
-  background: linear-gradient(
-    to bottom,
-    rgba(18, 16, 16, 0) 50%,
-    rgba(0, 0, 0, 0.25) 50%
+  /* background: linear-gradient( */
+  /*   to bottom, */
+  /*   rgba(18, 16, 16, 0) 50%, */
+  /*   rgba(0, 0, 0, 0.25) 50% */
+  /* ); */
+  /* background-size: 100% 3px; */
+  background: repeating-linear-gradient(
+    0deg,
+    rgba(0, 0, 0, 0.3) 1px,
+    rgba(0, 0, 0, 0.0) 4px,
+    transparent,
+    transparent 4px
   );
-  background-size: 100% 3px;
   z-index: 99;
   pointer-events: none;
 }
@@ -362,11 +393,13 @@ header > h2 {
 *::selection {
   background: var(--primary-fg);
   color: var(--primary-bg);
+  text-shadow: none;
 }
 
 *::-moz-selection {
   background: var(--primary-fg);
   color: var(--primary-bg);
+  text-shadow: none;
 }
 
 pre {
@@ -376,6 +409,11 @@ pre {
  padding: 4px;
 }
 
+[role=code]::first-line {
+  font-size: smaller;
+  border-bottom: 1px solid;
+}
+
 code {
   counter-increment: line;
 }
@@ -386,3 +424,32 @@ code:before {
   margin-left: 4px;
   -webkit-user-select: none;
 }
+
+form {
+  display: flex;
+  flex-direction: column;
+}
+
+input, textarea {
+  background-color: transparent;
+  border: 1px solid;
+  border-bottom-width: 2px;
+  color: var(--primary-fg);
+  margin: 4px 0px;
+}
+
+form > input,
+form > textarea {
+  width: 100%;
+}
+
+form > textarea {
+  min-height: 100px;
+  max-width: 100%;
+  min-width: 100%;
+}
+
+input[type=file]::-webkit-file-upload-button {
+  background-color: var(--primary-fg);
+  color: var(--primary-bg);
+}