Add basic table styling

diff --git a/style.css b/style.css
index ce13d691ca4252293cf58c3440d6b1994912e15d..f4b1f954a97caf0b70958eb05b73e074a807745c 100644 (file)
--- a/style.css
+++ b/style.css
@@ -189,6 +189,25 @@ code:not(.hljs) {
   line-height: 1.5;
 }
 
+table {
+  border-collapse: collapse;
+}
+
+tr {
+  transition: background-color 500ms;
+}
+
+tr:hover,
+tr:focus-within {
+  background: hsl(30deg 80% 90%);
+  transition: background-color 150ms;
+}
+
+th,
+td {
+  padding: 8px;
+}
+
 .card-container {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr));