diff --git a/assets/css/app.css b/assets/css/app.css
index de7531d..969123a 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -69,14 +69,80 @@
     display: contents;
 }
 
+@layer base {
+    a {
+        overflow-wrap: anywhere;
+    }
+}
+
 @layer components {
     blockquote p {
         @apply text-primary font-semibold;
     }
-}
 
-a {
-    overflow-wrap: anywhere;
+    .deck {
+        h1 {
+            @apply text-[16cqw] text-primary
+        }
+
+        h2 {
+            @apply text-[12cqw] text-secondary
+        }
+
+        h3 {
+            @apply text-[6cqw] text-accent
+        }
+
+        h4 {
+            @apply text-[4cqw] text-info
+        }
+
+        p {
+            @apply text-[3cqw] max-w-[90cqw] flex
+        }
+
+        pre {
+            @apply min-w-[80cqw] p-2 bg-neutral text-base-100 text-[2cqw] rounded border-1 border-info
+        }
+
+        blockquote {
+            @apply min-w-[50cqw] m-[2cqw] p-[2cqw] rounded bg-base-300
+        }
+
+        ul {
+            @apply min-w-[50cqw] list-inside list-disc
+        }
+
+        ol {
+            @apply min-w-[50cqw] list-inside list-decimal
+        }
+
+        li {
+            @apply text-[3cqw]
+        }
+
+        img {
+            @apply grow shrink justify-self-center
+        }
+
+        table {
+            @apply min-w-[50cqw] m-[1cqw] bg-base-300 rounded text-[3cqw]
+        }
+
+        th {
+            @apply px-[2cqw] py-[1cqw]
+        }
+
+        td {
+            @apply px-[2cqw] py-[1cqw]
+        }
+
+        & table {
+            & :where(thead tr, tbody tr:not(:last-child)) {
+                border-bottom: solid var(--color-base-200);
+            }
+        }
+    }
 }
 
 code.hljs {
@@ -265,3 +331,7 @@ code .hljs-deletion {
     color: #f38ba8;
     background: rgba(243, 139, 168, 0.15);
 }
+
+[class~="@container"]>*+* {
+    border: 5px solid red !important;
+}
diff --git a/lib/alchemy_pub_web/page_live.html.heex b/lib/alchemy_pub_web/page_live.html.heex
index 7cf9440..807f962 100644
--- a/lib/alchemy_pub_web/page_live.html.heex
+++ b/lib/alchemy_pub_web/page_live.html.heex
@@ -140,15 +140,15 @@
           :if={@meta["rank"] == :deck}
           id="deck"
           phx-update="stream"
-          class="relative md:w-[34rem] lg:min-w-[42rem] print:min-w-[50rem] aspect-16/10"
+          class="relative md:w-[34rem] lg:min-w-[42rem] print:min-w-[50rem] aspect-16/10 deck"
           phx-window-keyup="key"
         >
           <div
             :for={{id, content} <- @streams.deck}
             id={id}
             class={[
-              "p-4 absolute top-0 left-0 bg-base-200 border-1 border-accent rounded-box
-              overflow-hidden w-full h-full duration-250 ease-in-out transform transition",
+              "p-4 absolute top-0 left-0 bg-base-200 border-1 border-accent rounded-box @container
+              grow shrink overflow-hidden w-full h-full duration-250 ease-in-out transform transition",
               content.animation
             ]}
             phx-mounted={remove_animation(content.animation, id)}
diff --git a/priv/pages/Deck.md b/priv/pages/Deck.md
index 11720f7..77f3583 100644
--- a/priv/pages/Deck.md
+++ b/priv/pages/Deck.md
@@ -8,7 +8,17 @@ tags: Speaking
 
 ---
 
-## Code blocks
+# H1
+
+## H2
+
+### H3
+
+#### H4
+
+---
+
+### Code blocks
 
 This is how you do a code block:
 
@@ -33,6 +43,10 @@ This is how you do a code block:
 
 ~~strikethrough~~
 
+Text with  
+line breaks  
+in it
+
 ---
 
 ### Images
@@ -56,18 +70,22 @@ Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolor
 #### Lists
 
 1. This is a list item.
-
- > containing a block quote
+    > containing a block quote
 
 * List
   * sublist
   * test
 
+> and a slightly longer block quote forcing a wrapped line if the text is too long
+
 ---
 
-## Tables
+### Tables
 
 | a   |   b   |
 | --- | :---: |
 | 1   |   2   |
 | 3   |   4   |
+
+| a lot more content   |   b with breaking lines forcing a wrapped line if the text is too long labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi  |
+| more content   |   b with breaking lines   |