1 files changed, 79 insertions, 0 deletions
diff --git a/app/static/styles/style.css b/app/static/styles/style.css
new file mode 100644
index 0000000..ca60a7b
--- /dev/null
+++ b/app/static/styles/style.css
@@ -0,0 +1,79 @@
+: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;
+}
+
+/* h1 { */
+/*     margin-left: 2rem; */
+/*     margin-right: 1rem; */
+/* } */
+
+/* h2 { */
+/*     margin-left: 1rem; */
+/*     margin-right: 1rem; */
+/* } */
+
+/* p { */
+/*     margin-left: 1rem; */
+/*     margin-right: 1rem; */
+/* } */
+
+
+@font-face {
+    font-family: "Public Sans";
+    src: url("/static/fonts/PublicSans-Regular.otf");
+}
+
+nav {
+    display: flex;
+    background: darkgrey;
+    color: white;
+    margin: 0.5em;
+    padding: 0.5em;
+}
+
+h1 {
+    margin: 0;
+}
+
+nav ul {
+    display: flex;
+    flex-wrap: wrap;
+    margin: 0;
+    justify-content: right;
+    list-style: none;
+}
+
+nav ul li {
+    margin: 0 0 0.5em 0;
+    padding: 0.5em 0;
+}
+
+.button {
+    height: 1em;
+    padding: 0.5em;
+    margin: 0 0.5em;
+    background: dimgray;
+    color: white;
+    border-radius: 8px;
+    text-decoration: none;
+}
+
+.button:hover {
+    background: white;
+    color: black;
+}