diff --git a/styles.css b/styles.css
index 90cce98..2d7aa08 100644
--- a/styles.css
+++ b/styles.css
@@ -10,7 +10,7 @@ body {
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
-    padding: 6rem;
+    padding: clamp(1.5rem, 8vw, 6rem);;
     box-sizing: border-box;
     position: relative;
 }
@@ -34,7 +34,7 @@ header {
 #hero {
     position: absolute;
     bottom: calc(100% + 1rem);
-    font-size: 4rem;
+    font-size: clamp(1.5rem, 8vw, 4rem);
     display: flex;
     align-items: baseline;
 }