update glassBorder class

src/components/homePage/calendar.module.css

@@ -106,16 +106,8 @@
 
 .eventBox {
     width: 100%;
-    border-radius: 20px;
     padding: 15px;
     margin-top: 16px;
-    border: none;
-    background: rgb(255, 255, 255, 0.25);
-    box-shadow:
-            inset 1.25px 1.25px 1px rgba(255, 255, 255, 1),
-            inset -1.25px -1.25px 1px rgba(255, 255, 255, 1),
-            inset -0.25px 0.25px 1px rgba(0, 0, 0, 0.2),
-            inset 0.25px -0.25px 1px rgba(0, 0, 0, 0.2);
 }
 
 .eventBox ul {

src/components/homePage/eventList.module.css

@@ -50,16 +50,8 @@ h2{
 }
 
 .eventGroup{
-    margin: 16px 0px 16px 0px;
+    margin: 16px 0 16px 0;
     padding: 10px 20px 10px 20px;
-    border-radius: 20px;
-    border: none;
-    background: transparent;
-    box-shadow:
-            inset 1.25px 1.25px 1px rgba(255, 255, 255, 1),
-            inset -1.25px -1.25px 1px rgba(255, 255, 255, 1),
-            inset -0.25px 0.25px 1px rgba(0, 0, 0, 0.2),
-            inset 0.25px -0.25px 1px rgba(0, 0, 0, 0.2);
 }
 
 .eventTitle {

src/index.css

@@ -68,7 +68,7 @@ body {
 .glassBorder{
     border-radius: 20px;
     border: none;
-    background: rgba(255, 255, 255, 0.5);
+    background: rgb(255, 255, 255, 0.25);
     box-shadow:
             inset 1.25px 1.25px 1px rgba(255, 255, 255, 1),
             inset -1.25px -1.25px 1px rgba(255, 255, 255, 1),

src/pages/Profile/ProfilePage.jsx

@@ -24,11 +24,11 @@ function ProfilePage() {
                 <h2> {user.name} {user.lastname} </h2>
             </div>
             <div className={styles.topDescription}>
-              <div className={styles.infoBlock}>
+              <div className={`${styles.infoBlock} glassBorder`}>
                 <p><strong>Role :</strong> {user.role}</p>
                 <p><strong>Membre depuis :</strong> {formatDate(user.created_at)}</p>
               </div>
-              <div className={styles.infoBlock}>
+              <div className={`${styles.infoBlock} glassBorder`}>
                 <p><strong>Mail :</strong> {user.email} </p>
                 <p><strong>Téléphone :</strong> {user.phone === null ? "Pas de numéro enregistré" : user.phone}</p>
               </div>

src/pages/Profile/ProfilePage.module.css

@@ -47,9 +47,7 @@
 
 .infoBlock {
   width: 100%;
-  background: rgba(255, 255, 255, 0.1);
   padding: 10px;
-  border-radius: 5px;
 }
 
 .eventTasks {