stuff

static/main.css

@@ -12,14 +12,14 @@ body {
 }
 
 :root {
-    --dark-1: #2b2f36;
+    --dark-1: #362b2b;
     --dark-2: #d8d8d8;
-    --dark-3: rgb(73, 138, 236);
+    --dark-3: rgb(236, 73, 73);
 
     --light-1: #ffffff;
-    --light-2: #f8f8f8;
+    --light-2: #ffa9a9;
 
-    --hyperlink: rgb(139, 171, 219);
+    --hyperlink: rgb(255, 72, 72);
 
     --shadow-1: 0px 0px 2px 2px var(--dark-2);
 
@@ -33,16 +33,21 @@ a {
 
 input,
 textarea,
-.button {
-    border: 0;
-    border-radius: 0.2rem;
-    box-shadow: var(--shadow-1);
+.button,
+.area,
+form {
+    border: solid var(--dark-2) 3px;
+    border-radius: 5px;
 
     font-size: 1rem;
     padding: 0.5rem;
     margin-bottom: 0.5rem;
 }
 
+form span {
+    font-weight: bold;
+}
+
 .button a {
     text-decoration: none;
     color: var(--light-1);
@@ -51,11 +56,6 @@ textarea,
 .area,
 form {
     width: 700px;
-
-    box-shadow: var(--shadow-1);
-
-    padding: 10px;
-    margin-top: 10px;
 }
 
 form {
@@ -94,14 +94,19 @@ form {
     margin: 0;
     font-size: 1.2em;
     align-items: center;
+    margin-bottom: 10px;
+    position: sticky;
+    top: 0;
 }
 
 .header a {
     font-weight: bold;
-    color: white;
+    color: var(--light-1);
+    margin-left: 0.5em;
+    padding-left: 0.5em;
+    border-left: solid var(--light-2) 2px;
 }
 
 .header img {
     height: 2em;
-    margin-right: 1em;
 }