Add table styling

diff --git a/index.html b/index.html
index b8c09b454d36f64cd62797dabd38e98012090610..186d996f2f34f9e7302271a9d03a7b8a86a44807 100644 (file)
--- a/index.html
+++ b/index.html
@@ -45,6 +45,29 @@
     output {
       display: none;
     }
+
+    table {
+      inline-size: 100%;
+      border-collapse: collapse;
+    }
+
+    th,
+    td {
+      padding: 0.5rem;
+    }
+
+    th {
+      background: hsl(240deg 1% 80%);
+      text-transform: uppercase;
+    }
+
+    tbody tr:nth-child(odd) {
+      background: hsl(192deg 15% 94%);
+    }
+
+    tbody tr:nth-child(even) {
+      background: hsl(33deg 48% 85%);
+    }
   </style>
   <title>ens2hex</title>
 </head>