adding style

Author: lemire

css/styles.css

@@ -0,0 +1,105 @@
+body {
+  font-family: system-ui, sans-serif;
+  background: #f8f9fa;
+  color: #222;
+  margin: 0;
+  padding: 0 0 2em 0;
+}
+h1 {
+  text-align: center;
+  margin-top: 1.5em;
+  margin-bottom: 1.5em;
+  font-size: 2.2em;
+}
+h2 {
+  text-align: center;
+  margin-top: 2em;
+  margin-bottom: 0.5em;
+  font-size: 1.5em;
+  color: #2a4d8f;
+  letter-spacing: 0.1em;
+}
+ul {
+  list-style: none;
+  padding: 0;
+  margin: 0 auto 2em auto;
+  max-width: 600px;
+}
+li {
+  margin: 0.5em 0;
+  text-align: center;
+}
+a {
+  color: #1a5fb4;
+  text-decoration: none;
+  font-weight: 500;
+  font-size: 1.1em;
+}
+a:hover {
+  text-decoration: underline;
+}/* Réinitialisation des marges et paddings pour une base propre */
+html, body {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+/* Style général du corps */
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
+  background-color: #f5f5f5;
+  color: #333;
+  line-height: 1.6;
+  padding: 2rem;
+}
+
+/* Conteneur principal */
+h1 {
+  font-size: 2.5rem;
+  text-align: center;
+  margin-bottom: 2rem;
+  color: #2c3e50;
+}
+
+/* Style de la liste */
+ul {
+  list-style: none;
+  padding: 0;
+  max-width: 600px;
+  margin: 0 auto;
+}
+
+/* Style des éléments de la liste */
+li {
+  margin: 0.75rem 0;
+}
+
+/* Style des liens */
+a {
+  display: block;
+  padding: 1rem;
+  background-color: #ffffff;
+  border-radius: 8px;
+  text-decoration: none;
+  color: #2980b9;
+  font-size: 1.1rem;
+  transition: background-color 0.3s, transform 0.2s;
+}
+
+/* Effet au survol des liens */
+a:hover {
+  background-color: #e6f3fa;
+  transform: translateX(5px);
+}
+
+/* Responsive pour petits écrans */
+@media (max-width: 600px) {
+  h1 {
+    font-size: 1.8rem;
+  }
+
+  a {
+    font-size: 1rem;
+    padding: 0.75rem;
+  }
+}