feat: add dockerfiles, finish /login and start /profile

src/styles/controls.css

@@ -21,6 +21,8 @@ Controls - for things like buttons, input, select
 
         display: grid;
         place-content: center;
+        grid-auto-flow: column;
+        gap: 0.25rem;
 
         &:hover {
             transform: translate(-1px, -1px);
@@ -206,6 +208,23 @@ Controls - for things like buttons, input, select
                     background: #4ea2b1;
                 }
             }
+
+            &:disabled {
+                background: #aaa;
+                color: #666;
+                cursor: not-allowed;
+
+                &:active {
+                    transform: none;
+                    box-shadow: 4px 4px 0 0 #222;
+                }
+
+                &:hover {
+                    background: #aaa;
+                    transform: none;
+                    box-shadow: 4px 4px 0 0 #222;
+                }
+            }
         }
 
         hr {
@@ -217,6 +236,25 @@ Controls - for things like buttons, input, select
             margin-top: 1rem;
         }
 
+        > .row {
+            display: grid;
+            grid-template-columns: auto 1fr;
+            align-items: center;
+            gap: 0.5rem;
+
+            span.material-symbols-outlined {
+                font-size: 1.5rem;
+                color: #222;
+            }
+
+            input[type='text'],
+            input[type='password'] {
+                width: 100%;
+                min-height: 2.5rem;
+                padding-left: 0.5rem;
+            }
+        }
+
         .right {
             justify-self: end;
         }
@@ -226,6 +264,12 @@ Controls - for things like buttons, input, select
         .center {
             justify-self: center;
         }
+
+        @media screen and (max-width: 1024px) {
+            min-width: 0;
+            padding: 1.5rem;
+            gap: 1.5rem;
+        }
     }
 
     details {