styling improvements

src/components/Button.tsx

@@ -12,7 +12,7 @@ const StyledButton = styled.button<{ $selected: boolean }>`
   border-radius: none;
   padding: 0.8rem 2rem;
   margin: 0.5rem;
-  font-size: 0.8rem;
+  font-size: 0.7rem;
   background: none;
   text-transform: uppercase;
 

src/components/Hero/Hero.tsx

@@ -10,7 +10,7 @@ const Container = styled.div`
   position: relative;
   padding: 0;
 
-  min-height: 75vh;
+  min-height: 35rem;
 
   section {
     padding: 2rem 6rem;

src/pages/_app.tsx

@@ -47,7 +47,7 @@ body {
 }
 
 p {
-  font-size: 1.2rem;
+  font-size: 1.0rem;
   font-weight: 300;
   word-break: break-word;
   hyphens: auto;
@@ -55,14 +55,14 @@ p {
 
 h1 {
   line-height: 1.15;
-  font-size: 2.5rem;
+  font-size: 1.5rem;
   font-weight: 200;
   margin-block-start: 0;
   margin-block-end: 0;
 }
 
 h2 {
-  font-size: 1.2rem;
+  font-size: 1.0rem;
   font-weight: 700;
   letter-spacing: 0.1em;
   margin-block-start: 0;