diff --git a/src/css/style.css b/src/css/style.css
index 78a30fc..1b27057 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -34,6 +34,33 @@ a:not(nav a, .button) {
   @apply font-normal text-inherit underline decoration-sky-600 decoration-2 underline-offset-4 transition-colors duration-300 hover:text-sky-600;
 }
 
+details {
+  @apply overflow-clip rounded-xl shadow-xl border border-solid border-sky-500 bg-sky-200 text-sky-500 dark:bg-sky-950 dark:text-sky-500;
+
+  margin: 1.25em 0;
+
+  @media (min-width: 768px) {
+    margin: 1.3333333em 0;
+  }
+
+  @media (min-width: 1024px) {
+    margin: 1.2em 0;
+  }
+
+  > :not(summary) {
+    @apply px-4 last:pb-4 sm:px-6 sm:last:pb-6;
+  }
+
+  &[open] summary {
+    @apply border-b border-solid border-sky-500;
+  }
+}
+
+summary {
+  @apply cursor-pointer p-4;
+  font-family: var(--font-heading);
+}
+
 dt {
   @apply font-normal;
   font-family: var(--font-heading);