/* Réinitialisation des styles par défaut du navigateur */
body, h1, h2, ul, li, label, input, button {
   margin: 0;
   padding: 0;
   border: 0;
 }
 
 /* Style de base pour le corps de la page */
 body {
   font-family: Arial, sans-serif;
   background-color: #f5f5f5;
   color: #333;
   margin: 0;
   padding: 0;
 }
 
 /* Style de l'en-tête (h1) */
 h1 {
   font-size: 24px;
   margin: 20px;
 }
 
 /* Style de la liste (ul) */
 ul {
   list-style: none;
   background-color: #ffffff28;
   padding: 20px;
   border-radius: 5px;
   margin: 20px;
 }
 
 /* Style des titres de section (h2) */
 h2 {
   font-size: 20px;
   margin-bottom: 10px;
 }
 
 /* Style des éléments de liste (li) */
 li {
   margin-bottom: 10px;
 }
 
 /* Style des formulaires */
 form {
   display: flex;
   flex-direction: column;
   align-items: center;
 }
 
 /* Style des labels des formulaires */
 label {
   font-weight: bold;
   margin-bottom: 5px;
 }
 
 /* Style des champs de saisie (input) */
 input {
   padding: 5px;
   border: 1px solid #ccc;
   border-radius: 5px;
   margin-bottom: 10px;
 }
 
 /* Style des boutons */
 button,
 a {
   padding: 10px 20px;
   background-color: #007bff;
   color: #fff;
   border: none;
   border-radius: 5px;
   cursor: pointer;
   text-decoration: none;
 }
 
 /* Style des boutons au survol */
 button:hover,
 a:hover {
   background-color: #0056b3;
 }
 
 a {
   margin: 20px;
 }

.dark-mode-theme {
  background-color: #1c1c1e;
  color: #fefefe;
}