🌶💘 Checkpoint

./views/index.html:1954897/21064
./public/styles.css:1954897/522

public/styles.css

@@ -37,7 +37,7 @@ code { font-size: 87.5%; }
  */
 :root {
   --accent: #79B791;
-  --anim-curve: 
+  --gray: rgba(255,255,255, .24);
 }
 
 html, body {height: 100%;}
@@ -83,6 +83,23 @@ body {
   background: rgba(255,255,255, 0.12)
 }
 
+
+input {
+  display: block;
+  margin-bottom: 1em;
+  background: 0;
+  border: 0;
+  padding: .2em 0;
+  color: inherit;
+  font: inherit;
+  border-bottom: 2px solid var(--gray);
+  width: 100%;
+}
+input:focus {
+  border-bottom-color: var(--accent);
+}
+
+.right {float: right;}
 .flex {
   display: flex;
   flex-direction: row;
@@ -90,10 +107,9 @@ body {
 }
 .flex * {
   flex: 1;
-  margin: .5em;
   min-width: 200px;
+  margin: .5em;
 }
-
 .warn {
   padding: 1rem;
   border: 1px solid red;