diff --git a/web/style.css b/web/style.css
index 689c975..4b852a4 100644
--- a/web/style.css
+++ b/web/style.css
@@ -35,6 +35,13 @@ body {
   margin: 0;
   background-color: var(--base);
 }
+@media (min-width: 768px) {
+  body {
+    width: calc(100% - 8rem - 2px);
+    height: calc(100vh - 10rem - 2px);
+    padding: 4rem;
+  }
+}
 
 h1,
 h2,
@@ -65,6 +72,11 @@ footer {
   align-items: center;
   justify-content: center;
 }
+@media (min-width: 768px) {
+  footer {
+    padding: 2rem 0;
+  }
+}
 
 footer > span {
   color: var(--text);