orientation rules

1 files changed, 13 insertions, 1 deletions

diff --git a/terminal.css b/terminal.css
index 59d9c19..13464ac 100644
--- a/terminal.css
+++ b/terminal.css
@@ -17,12 +17,24 @@ html {
     color: var(--foreground);
 }
 
+
+@media(orientation: portrait) {
+    body {
+        padding: 32px;
+    }
+}
+
+@media(orientation: landscape) {
+    body {
+        max-width: 40em;
+    }
+}
+
 body {
     display: flex;
     flex-direction: column;
     gap: 32px;
     padding-top: 32px;
-    max-width: 40em;
     margin: auto;
     font-family: monospace;
     font-size: 1.2em;