Structure de base en place - Ce soir et vendredi soir, je vais nettoyer mes css.

src/cssstyle/index.css

@@ -1,5 +1,3 @@
-
-
 /* CSS pour ajuster la taille de l'image */
 .img-small {
   width: 70px;
@@ -38,7 +36,7 @@
   /* Centrer les éléments verticalement */
   flex: 1;
   /* Utiliser tout l'espace disponible */
-  margin-right:8%
+  margin-right: 8%
 }
 
 /* CSS pour le texte du menu-right */
@@ -66,8 +64,10 @@
 }
 
 .profilePicture {
-  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
   /* Ajouter une ombre à la photo */
+  border: 2px solid #a30e79;
+  /* Ajouter une bordure de 2px solide de couleur rouge (#f00) */
 }
 
 .bg-customdarker {
@@ -85,29 +85,28 @@
 }
 
 .center-column {
-  flex: 3; /* La colonne centrale occupe 3 fois plus d'espace que les autres */
+  flex: 3;
+  /* La colonne centrale occupe 3 fois plus d'espace que les autres */
 }
 
 
-.colum-aligncenter
-{
+.colum-aligncenter {
   text-align: center;
 }
 
 .menu-center a:nth-child(1):hover svg {
-  color: rgba(163, 14, 121, 1); /* Changer la couleur en rouge au survol */
+  color: rgba(163, 14, 121, 1);
+  /* Changer la couleur en rouge au survol */
 }
 
 /* Pour le deuxième bouton */
 .menu-center a:nth-child(2):hover svg {
-  color:  rgba(163, 14, 121, 1); /* Changer la couleur en bleu au survol */
+  color: rgba(163, 14, 121, 1);
+  /* Changer la couleur en bleu au survol */
 }
 
 /* Pour le troisième bouton */
 .menu-center a:nth-child(3):hover svg {
-  color:  rgba(163, 14, 121, 1); /* Changer la couleur en vert au survol */
-}
-
-
-
-
+  color: rgba(163, 14, 121, 1);
+  /* Changer la couleur en vert au survol */
+}