body{
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    background-color: blueviolet;
    color: rgba(5, 240, 17, 0.938);
    
}
.container{max-width:960px; 
margin: 0 auto;
}
header{
    display: flex;
     justify-content:space-around;
     align-items:center;

     padding: 1rem 2rem;
    background-color: rgb(20, 135, 212);
}
ul{
    display: flex;
    
}
li{
    margin: 15px;
}



/* ... vos styles existants ... */

body.dark-mode {
  background-color: #2c3e50;
  color: #ecf0f1;
}

body.dark-mode .container {
  background-color: #34495e;
  /* Ajoutez d'autres styles pour le dark mode si nécessaire */
}

body.dark-mode a {
  color: #3498db;
}