make backend serve static content

remove style template and use static style.css file

src/public/style.css

@@ -0,0 +1,122 @@
+body,
+html {
+    margin: 0;
+    padding: 0;
+    max-width: 100vw;
+    overflow-x: hidden;
+    --c-dark-val: 32, 33, 36;
+    --c-darkish-val: 48, 49, 52;
+    --c-primary-val: 232, 234, 237;
+    --c-accent-val: 197, 138, 249;
+
+    --c-dark: rgb(var(--c-dark-val));
+    --c-darkish: rgb(var(--c-darkish-val));
+    --c-primary: rgb(var(--c-primary-val));
+    --c-accent: rgb(var(--c-accent-val));
+
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+::-moz-selection,
+::selection {
+    background: rgba(var(--c-accent-val), .5);
+}
+
+html {
+    padding: 0 0;
+    width: 100vw;
+    display: grid;
+    grid-template-columns: auto minmax(50vw, 650px) auto;
+    background-color: var(--c-dark);
+}
+
+body {
+    grid-column: 2;
+    padding: 15px;
+    margin: 30px 10px;
+
+    display: grid;
+    grid-template-columns: auto;
+    grid-auto-rows: auto;
+    row-gap: 4rem;
+
+    border-radius: 1rem;
+    background-color: var(--c-darkish);
+    color: var(--c-primary);
+
+    font-family: monospace;
+    font-size: 16px;
+    line-height: 1.6em;
+    word-break: normal;
+}
+a {
+    color: var(--c-accent);
+    text-decoration: none;
+}
+code,
+pre {
+    background-color: var(--c-dark);
+    padding: 6px 4px 2px 4px;
+    word-break: break-all;
+}
+pre {
+    overflow-x: scroll;
+}
+input {
+    background-color: var(--c-dark);
+    border-color: var(--c-dark);
+    color: var(--c-primary);
+    padding: 8px 8px 6px 10px;
+    border-radius: 4px;
+    font-family: monospace;
+    outline: none;
+}
+input:read-only {
+    cursor: default;
+    background-color: var(--c-darkish);
+}
+input:focus:not(:readonly),
+input:focus-visible:not(:readonly) {
+    border-color: transparent;
+    outline: solid 1px var(--c-accent);
+}
+input[type=number] {
+    -moz-appearance: textfield;
+    appearance: textfield;
+}
+
+input[type=submit],
+button {
+    border: none;
+    outline: solid 1px var(--c-accent);
+    padding: 10px;
+    vertical-align: top;
+    box-shadow: 4px 4px 1px 1px var(--c-accent);
+    color: var(--c-accent);
+    margin: 0 4px 4px 0;
+    cursor: pointer;
+    transition: all ease-in-out .2s;
+}
+
+input[type=submit]:focus,
+input[type=submit]:focus-visible,
+input[type=submit]:hover,
+button:focus,
+button:focus-visible,
+button:hover {
+    transition: all ease-in-out .2s;
+    border: none;
+    box-shadow: 2px 2px 1px 1px var(--c-accent);
+    margin: 2px;
+}
+
+input[type=submit]:active,
+button:active {
+    transition: all ease-in-out .2s;
+    border: none;
+    box-shadow: none;
+    margin: 4px 0 0 4px;
+}