First Commit

src/cssstyle/index.css

@@ -0,0 +1,32 @@
+
+  /* Arrière-plan de la page */
+  body {
+    background-color: #f0f0f0; /* Couleur d'arrière-plan de la page */
+    margin: 0; /* Supprimer les marges par défaut */
+    padding: 0; /* Supprimer les espaces de remplissage par défaut */
+  }
+  
+  .top-aligned-column {
+    display: flex;
+    flex-direction: row; /* Afficher les colonnes en ligne */
+    justify-content: space-between; /* Espacement égal entre les colonnes */
+    align-items: flex-start; /* Aligner le contenu en haut */
+    min-height: 100vh; /* Ajustez selon vos besoins */
+    padding: 20px; /* Ajouter un espace autour du contenu */
+    box-sizing: border-box; /* Inclure le padding dans la hauteur */
+    overflow-y: auto; /* Activer le défilement vertical */
+  }
+  
+  /* Style de la colonne */
+  .column {
+    flex: 1; /* Chaque colonne occupe autant d'espace que possible */
+    padding: 20px; /* Espacement interne */
+  }
+  
+  .center-column {
+  flex: 1; /* Augmenter la taille de la colonne centrale */
+  background-color: #ffffff; /* Couleur de fond de la colonne */
+  border-radius: 20px; /* Arrondir les coins de la colonne */
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Ajouter une ombre à la colonne */
+  text-align: center; /* Centrer le contenu */
+}