modif login page

src/pages/LoginPage/LoginPage.jsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { auth, googleProvider, signInWithPopup } from './firebase'; 
 import { useNavigate } from 'react-router-dom';
+import styles from './LoginPage.module.scss';
 
 const LoginPage = () => {
   const navigate = useNavigate();
@@ -15,9 +16,13 @@ const LoginPage = () => {
   };
 
   return (
-    <div>
+    <div className={styles.container}>
+          <div className={styles.mainCard}>
            <h1>Page de connexion</h1>
-      <button onClick={handleLogin}>Se connecter avec Google</button>
+            <button onClick={handleLogin} className={styles.logbtn}>          
+              Se connecter avec Google
+            </button>
+          </div>
     </div>
   );
 };

src/pages/LoginPage/LoginPage.module.scss

@@ -0,0 +1,24 @@
+html, body {
+    margin: 0;
+    padding: 0;
+    font-family: 'Roboto', sans-serif;
+    height: 100%;
+  }
+  
+  .container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+  }
+
+  .mainCard{
+    width: 20rem;
+    padding: 1rem;
+    background-color: white;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+  }
+