index

css/t3.css

@@ -2,7 +2,7 @@
 body {
     font-family: 'Segoe UI', sans-serif;
     background-color: #f0f0f0;
-    color: #333;
+    color: #ddd;
     margin: 0;
     padding: 30px;
     background-image: url(codevert.jpg);
@@ -13,7 +13,7 @@ body {
 button {
     padding: 10px 20px;
     border: none;
-    background-color: #fc3e04;
+    background-color: #000000;
     color: white;
     cursor: pointer;
     border-radius: 10px;
@@ -21,7 +21,13 @@ button {
 }
 
 button:hover {
-    background-color: #ff9900;
+    background-color: #66ff00;
+}
+
+output {
+    color: #ddd;
+    font-size: 50px;
+
 }
 
 img {
@@ -36,8 +42,12 @@ table {
     border-collapse: collapse;
     border: 1px solid #ccc;
 }
+th {   
+    font-size: 20px;
 
-td, th {
+}
+
+td {
     padding: 10px;
     text-align: left;
     border: 1px solid #ddd;

css/t4.css

@@ -2,26 +2,31 @@
 body {
     font-family: 'Arial', sans-serif;
     background-color: #ecf0f1;
-    color: #34495e;
+    color: #ddd;
     margin: 0;
     padding: 40px;
     background-image: url(matrix.gif), url(codevert.jpg);
 }
 
-
 button {
     padding: 12px 25px;
     border: none;
-    background-color: #fc3e04;
+    background-color: #000000;
     color: white;
     cursor: pointer;
-    border-radius: 12px;
+    border-radius: 20px;
     font-weight: bold;
     transition: background-color 0.3s ease;
 }
 
 button:hover {
-    background-color: #16a085;
+    background-color: #33ff00;
+}
+
+output {
+    font-size: 50px;
+    color: #ddd;
+    background-color: #000000;
 }
 
 img {
@@ -38,8 +43,10 @@ table {
     border: 1px solid #ddd;
 }
 
-td, th {
+th {
     padding: 12px;
     text-align: left;
     border: 1px solid #ccc;
+    color: #ddd;
+    font-size: 20px;
 }

index.html

@@ -37,4 +37,7 @@
         </tbody>
     </table>
 </body>
+<footer>
+    <p>L'evolution est non contractuelle, adaptée pour le gameplay</p>
+</footer>
 </html>