feat: add login page

src/styles/controls.scss

@@ -51,7 +51,8 @@ button,
     }
 }
 
-input[type='text'] {
+input[type='text'],
+input[type='password'] {
     width: 100%;
     height: 2.5rem;
 
@@ -63,3 +64,26 @@ input[type='text'] {
         background: #fdfdfd;
     }
 }
+
+form {
+    display: grid;
+    gap: 0.5rem;
+    padding: 1rem;
+
+    background: #38adc1;
+
+    @include neo-brutalist-card($size: 3px, $offset: 9px);
+
+    button,
+    .button,
+    [role='button'] {
+        &.primary {
+            background: #1c7f90;
+            color: #f4fef7;
+
+            &:hover {
+                background: #4ea2b1;
+            }
+        }
+    }
+}

src/styles/main.scss

@@ -1,4 +1,3 @@
-
 $black: #222;
 $border-large: 4px solid $black;
 
@@ -118,6 +117,9 @@ body {
 
     main {
         width: 100%;
+        h1 {
+            font-size: 42px;
+        }
     }
 
     footer {
@@ -360,7 +362,7 @@ body {
     }
 }
 
-.users {
+.utenti {
     main {
         justify-self: center;
 
@@ -372,10 +374,21 @@ body {
         padding: 5rem 0;
 
         gap: 5rem;
+    }
+}
 
-        h1 {
-            font-size: 42px;
-        }
+.login {
+    main {
+        justify-self: center;
+
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+
+        max-width: 80ch;
+        padding: 5rem 0;
+
+        gap: 5rem;
     }
 }