Initial commit

static/main.css

@@ -0,0 +1,100 @@
+html {
+    background: white;
+    color: black;
+    font-family: 'Roboto Medium', sans-serif;
+}
+
+input, button, textarea {
+    background: none;
+    border: none;
+}
+
+input, textarea {
+    background-color: white;
+    border: 1px solid black;
+}
+
+.center-box {
+    background: none;
+    position: relative;
+    width: 60vw;
+    margin: auto;
+    height: 100vh;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+}
+
+.center-box-content {
+}
+
+form.form-control {
+    width: 60%;
+    text-align: left;
+}
+
+form.form-control label, form.form-control input, .form-control textarea {
+    width: 100%;
+}
+
+form.form-control input, form.form-control button, .form-control textarea {
+    margin-bottom: 1em;
+    border-radius: 0.5em;
+}
+
+
+.m-1 {
+    margin: 1em;
+}
+.m-2 {
+    margin: 2em;
+}
+
+.m-auto {
+    margin: auto;
+}
+
+.flex {
+    display: flex;
+}
+
+.flex-row {
+    flex-direction: row;
+}
+
+.center {
+    text-align: center;
+}
+
+.btn {
+    padding: 0.5em;
+    background-color: cornflowerblue;
+    border-radius: 0.5em;
+}
+
+.btn-success {
+    background-color: darkgreen;
+    color: white;
+}
+
+.btn-warning {
+    background-color: orange;
+    color: black;
+}
+
+.btn-danger {
+    background-color: darkred;
+    color: white;
+}
+
+a.btn {
+    text-decoration: none;
+    color: inherit;
+}
+
+.table-items-top td {
+    vertical-align: top;
+}
+.table-items-middle td {
+    vertical-align: middle;
+}

static/reset.css

@@ -0,0 +1,47 @@
+/* 1. Use a more-intuitive box-sizing model */
+*, *::before, *::after {
+  box-sizing: border-box;
+}
+
+/* 2. Remove default margin */
+* {
+  margin: 0;
+}
+
+body {
+  /* 3. Add accessible line-height */
+  line-height: 1.5;
+  /* 4. Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/* 5. Improve media defaults */
+img, picture, video, canvas, svg {
+  display: block;
+  max-width: 100%;
+}
+
+/* 6. Inherit fonts for form controls */
+input, button, textarea, select {
+  font: inherit;
+}
+
+/* 7. Avoid text overflows */
+p, h1, h2, h3, h4, h5, h6 {
+  overflow-wrap: break-word;
+}
+
+/* 8. Improve line wrapping */
+p {
+  text-wrap: pretty;
+}
+h1, h2, h3, h4, h5, h6 {
+  text-wrap: balance;
+}
+
+/*
+  9. Create a root stacking context
+*/
+#root, #__next {
+  isolation: isolate;
+}