1 files changed, 61 insertions, 0 deletions
diff --git a/assets/static/css/categories.css b/assets/static/css/categories.css
new file mode 100644
index 0000000..5e26021
--- /dev/null
+++ b/assets/static/css/categories.css
@@ -0,0 +1,61 @@
+@charset "UTF-8";
+
+article > ul {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 0.5rem;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+
+  @media (max-width: 500px) {
+    grid-template-columns: 1fr;
+  }
+
+  li {
+    max-inline-size: unset;
+  }
+
+  a {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    padding: 1rem;
+    border: 1px solid var(--foreground);
+    border-radius: 0.5rem;
+    height: 100%;
+
+    &:hover,
+    &:hover > dl {
+      border-color: var(--blue);
+      /*background-color: var(--blue);*/
+      color: var(--blue);
+    }
+
+    h3 {
+      margin: 0;
+    }
+
+    dl {
+      display: flex;
+      flex-direction: column;
+      color: var(--dim-foreground);
+      gap: 0.25rem;
+      font-size: 1.2rem;
+      font-style: italic;
+      line-height: initial;
+      margin: 0;
+
+      div {
+        display: flex;
+        flex-direction: row;
+        gap: 0.25rem;
+      }
+
+      dd {
+        margin: 0;
+        max-inline-size: unset;
+      }
+    }
+  }
+}