feat: Proper login and register designs

1 files changed, 36 insertions, 0 deletions

diff --git a/views/styles.css b/views/styles.css
index 5058854..8d815ad 100644
--- a/views/styles.css
+++ b/views/styles.css
@@ -88,6 +88,10 @@ input[type=submit]:hover {
   width: 100%;
 }
 
+.font-115 {
+  font-size: 1.15em;
+}
+
 .font-125 {
   font-size: 1.25em;
 }
@@ -96,6 +100,10 @@ input[type=submit]:hover {
   font-size: 1.5em;
 }
 
+.max-width-20 {
+  max-width: 20em;
+}
+
 .center-margin {
   margin-left: auto;
   margin-right: auto;
@@ -112,6 +120,12 @@ input[type=submit]:hover {
   gap: 0.75em;
 }
 
+.flex-col-centered {
+  display: flex;
+  flex-direction: column;
+  gap: 1em;
+}
+
 .flex-expand {
   flex: 1;
 }
@@ -296,3 +310,25 @@ hr.new-section {
   color: gray;
   margin: 0.25em;
 }
+
+.item.error {
+  border-color: var(--cherry);
+}
+
+.item.success {
+  border-color: var(--dark-green);
+}
+
+/* User */
+.user-icon {
+  height: 7em;
+  color: inherit;
+  display: inline-block;
+  vertical-align: middle;
+}
+
+.username {
+  display: inline-block;
+  font-size: 2.5em;
+  vertical-align: middle;
+}