chore: Styling Login component

src/pages/login/Login.tsx

@@ -1,4 +1,6 @@
 import React, { useState } from "react";
+import styles from './Login.module.css'
+
 
 const Login = () => {
   const [user, setUser] = useState<string>("");
@@ -18,24 +20,25 @@ const Login = () => {
     setUser("");
     setPassword("");
   }
-  return (
-    <>
-      <div>
-        <h1>Inicia sesión.</h1>
-      </div>
-      <div>
-        <form onSubmit={handleSubmit}>
-          <img src="https://picsum.photos/300/200?random={i}" alt="Imagen"/><br/>
 
-          <label>Usuario:</label><br/>
-          <input type="text" value={user} onChange={handleUserChange}/><br/>
-          <label>Contraseña</label><br/>
-          <input type="password" value={password} onChange={handlePasswordChange}/><br/>
-          <input type="submit" value="submit"/>
+  return (
+    <div className={styles.container}>
+      <div className={styles.formWrapper}>
+        <form onSubmit={handleSubmit}>
+          <h1>Inicia sesión.</h1>
+          <img src="https://picsum.photos/300/200?random=1" alt="Imagen"/>
+
+          <label>Usuario:</label>
+          <input type="text" value={user} onChange={handleUserChange}/>
+
+          <label>Contraseña</label>
+          <input type="password" value={password} onChange={handlePasswordChange}/>
+
+          <input type="submit" value="Iniciar sesión"/>
         </form>
       </div>
-    </>
-  )
+    </div>
+)
 };