1 files changed, 79 insertions, 2 deletions

diff --git a/app/static/styles/style.css b/app/static/styles/style.css
index ca60a7b..402e802 100644
--- a/app/static/styles/style.css
+++ b/app/static/styles/style.css
@@ -11,7 +11,7 @@
 }
 
 body {
-    font-family: 'Public Sans', sans-serif;
+    font-family: "Public Sans", sans-serif;
     line-height: 1.2;
     margin: 0;
     padding: 0;
@@ -38,12 +38,18 @@ body {
     src: url("/static/fonts/PublicSans-Regular.otf");
 }
 
+@font-face {
+    font-family: "Inconsolata";
+    src: url("/static/fonts/Inconsolata.otf");
+}
+
 nav {
     display: flex;
     background: darkgrey;
     color: white;
-    margin: 0.5em;
+    /* margin: 0.5em; */
     padding: 0.5em;
+    justify-content: space-between;
 }
 
 h1 {
@@ -71,9 +77,80 @@ nav ul li {
     color: white;
     border-radius: 8px;
     text-decoration: none;
+    border: 1px dimgray solid;
 }
 
 .button:hover {
     background: white;
     color: black;
+    border: 1px dimgray solid;
+}
+
+table {
+    font-family: "Inconsolata";
+    line-height: 1.5;
+    /* border-collapse: collapse; */
+    width: 80vw;
+    margin: 2em auto;
+}
+
+table thead {
+    background: dimgray;
+    color: white;
+}
+
+table tr:nth-child(even) {
+    background: lightgray;
+}
+
+#actions {
+    background: darkgray;
+    padding: 1em 0.5em;
+    top: 0;
+    position: sticky;
+}
+
+.flashes {
+    position: fixed;
+    width: 30%;
+    bottom: 0;
+    right: 0;
+    margin: 1em;
+    list-style-type: none;
+    padding: 0;
+}
+
+@keyframes fadeIn {
+  0% {
+      opacity: 0;
+      transform: translateY(100%);
+  }
+  100% {
+      opacity: 0.7;
+      transform: translateY(0);
+  }
+}
+
+.alert {
+    padding: 1em;
+    border-radius: 8px;
+    margin: 1em;
+    border: 1px dimgray solid;
+    opacity: 0.7;
+    animation: 0.5s ease-out 0s 1 fadeIn;
+}
+
+.alert-info {
+    background: darkblue;
+    color: white;
+}
+
+.alert-error {
+    background: maroon;
+    color: white;
+}
+
+fieldset {
+    margin: 0 auto;
+    width: 12em;
 }