1 files changed, 192 insertions, 0 deletions
diff --git a/app/static/styles/style.css b/app/static/styles/style.css
new file mode 100644
index 0000000..328a1aa
--- /dev/null
+++ b/app/static/styles/style.css
@@ -0,0 +1,192 @@
+/* -*- mode: web; -*- */
+
+
+:root {
+    --primary-color: #003B5C;
+    --secondary-color: #C3D7EE;
+    --home: #c8c8c8;
+    --yes: #80FF80;
+    --no: #FF8080;
+    font-size: 18;
+    --fast-speed: 0.2s;
+    --med-speed: 0.4s;
+    --slow-speed: 1s;
+}
+
+body {
+    font-family: "Public Sans", sans-serif;
+    line-height: 1.2;
+    margin: 0;
+    padding: 0;
+}
+
+
+@font-face {
+    font-family: "Public Sans";
+    src: url("/static/fonts/PublicSans-Regular.otf");
+}
+
+@font-face {
+    font-family: "Inconsolata";
+    src: url("/static/fonts/Inconsolata.otf");
+}
+
+
+h1 {
+    margin: 0.25em;
+}
+
+nav {
+    /* display: flex; */
+    background: darkgrey;
+    color: white;
+    /* margin: 0.5em; */
+    padding: 0 0.5em;
+    /* justify-content: space-between; */
+}
+
+nav#user {
+    /* background: red; */
+    display: flex;
+    justify-content: space-between;
+}
+
+nav#user ul {
+    justify-content: end;
+}
+
+nav#modules {
+    /* left: 0; */
+}
+
+nav#actions {
+    top: 0;
+    position: sticky;
+}
+
+
+nav ul {
+    display: flex;
+    flex-wrap: wrap;
+    margin: 0;
+    padding: 0.25em 0;
+    list-style: none;
+}
+
+nav ul li {
+    margin: 0.25em;
+    /* margin: 0 0 0.5em 0; */
+    /* padding: 0.5em 0; */
+}
+
+
+
+
+.button {
+    display: inline-block;
+    padding: 0.5em;
+    background: dimgray;
+    color: white;
+    border-radius: 12px;
+    text-decoration: none;
+    border: 1px dimgray solid;
+}
+
+.button-light {
+    background: white;
+    color: dimgray;
+}
+
+.button:hover {
+    background: white;
+    color: black;
+    border: 1px dimgray solid;
+}
+
+#content {
+    max-width: 60vw;
+    margin: 0 auto;
+}
+
+table {
+    font-family: "Inconsolata";
+    line-height: 1.5;
+    /* border-collapse: collapse; */
+    /* margin: 2em auto; */
+    width: 100%;
+}
+
+table thead {
+    background: dimgray;
+    color: white;
+}
+
+table tr:nth-child(even) {
+    background: lightgray;
+}
+
+#flash {
+    position: fixed;
+    max-width: 16em;
+    bottom: 0;
+    right: 0;
+    padding: 0 0.5em;
+}
+
+#flash ul {
+    margin: 0;
+    padding: 0.25em 0;
+    list-style-type: none;
+}
+
+#flash ul li {
+    margin: 0.25em;
+}
+
+@keyframes fadeIn {
+    0% {
+	opacity: 0;
+	transform: translateY(100%);
+    }
+    100% {
+	opacity: 0.8;
+	transform: translateY(0);
+    }
+}
+
+.alert {
+    padding: 1em;
+    margin: 0.5em;
+    border-radius: 8px;
+    /* border: 1px dimgray solid; */
+    opacity: 0.8;
+    animation: 0.5s ease-out 0s 1 fadeIn;
+}
+
+/* The default alert category */
+.alert-message {
+    background: cornflowerblue;
+    color: black;
+}
+
+.alert-info {
+    background: darkblue;
+    color: white;
+}
+
+.alert-error {
+    background: maroon;
+    color: white;
+}
+#downloads {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    gap: 1em;
+}
+fieldset {
+    margin: 0 auto;
+    max-width: 16em;
+    display: flex;
+    flex-direction: column;
+}