all: move front into its own directory

1 files changed, 121 insertions, 0 deletions

diff --git a/front/src/index.css b/front/src/index.css
new file mode 100644
index 0000000..cf6f743
--- /dev/null
+++ b/front/src/index.css
@@ -0,0 +1,121 @@
+:root {
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: var(--color-fg);
+  background-color: var(--color-bg);
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-text-size-adjust: 100%;
+
+  /* variables */
+  --color-bg: #161f30;
+  --color-fg: #a3b3d9;
+  --color-search-blue: #083C5A;
+  --color-white: #a3b3d9;
+  --color-gray: #647089;
+  --color-dark-gray: #3e4451;
+  --color-context: #6b737f;
+  --color-light-gray: #c8ccd4;
+  --color-tree-gray: #1b1f27;
+  --color-blue: #6080dd;
+  --color-vivid-blue: #61afef;
+  --color-dark-blue: #223E55;
+  --color-folder-blue: #61afef;
+  --color-light-blue: #a3b3d9;
+  --color-green: #449871;
+  --color-cyan: #56b6c2;
+  --color-light-green: #98c379;
+  --color-red: #c13251;
+  --color-orange: #c18a56;
+  --color-light-red: #e06c75;
+  --color-yellow: #e5c07b;
+  --color-purple: #604bd8;
+  --color-magenta: #b071fc;
+}
+
+a:link {
+  font-weight: 500;
+  color: #4fc1ff;
+  text-decoration: inherit;
+}
+
+a:visited {
+  color: #4fc1ff;
+}
+
+a:hover {
+  color: #60d2ff;
+}
+
+a:active {
+  color: #66d8ff;
+}
+
+
+body {
+  margin: 0;
+  /* display: flex; */
+  /* place-items: center; */
+  min-width: 320px;
+  min-height: 100vh;
+}
+
+h1 {
+  font-size: 3.2em;
+  line-height: 1.1;
+}
+
+span {
+  display: inline;
+}
+
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  background-color: #1a1a1a;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+button:hover {
+  border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover {
+    color: #747bff;
+  }
+  button {
+    background-color: #f9f9f9;
+  }
+}
+
+.hack {
+  font-family: Hack, monospace;
+  font-weight: 500;
+}
+
+.grow {
+    transition: all .2s ease-in-out;
+    transform: scale(1);
+}
+
+.grow:hover {
+  transition: all .2s ease-in-out;
+  transform: scale(1.1);
+}