feat(resume): improve spacing and font sizes for better readability

- Increased side padding from 1.5rem to 3rem for better breathing room
- Increased container max-width to 860px
- Enhanced font sizes across all elements to match site typography:
  - Name: 2rem → 2.25rem
  - Job title: 1.2rem → 1.35rem
  - Section headings: 1.5rem → 1.75rem
  - Body text: default → 1.05rem
  - Experience headings: 1.1rem → 1.2rem
  - All links and navigation: improved sizing
- Better spacing for contact info and navigation elements
- Improved mobile responsiveness with appropriate padding adjustments
- Enhanced line heights for better readability

Author: erinmikailstaples

assets/built/screen.css

@@ -4,9 +4,9 @@
 }
 
 .resume {
-  max-width: 800px;
+  max-width: 860px;
   margin: 0 auto;
-  padding: 2rem 1.5rem;
+  padding: 2.5rem 3rem;
   background: white;
 }
 
@@ -26,7 +26,7 @@
 }
 
 .resume-name {
-  font-size: 2rem;
+  font-size: 2.25rem;
   font-weight: 700;
   margin: 0 0 0.5rem 0;
   color: #333;
@@ -35,17 +35,18 @@
 .resume-pronouns {
   font-weight: 400;
   color: #666;
+  font-size: 1rem;
 }
 
 .resume-title {
-  font-size: 1.2rem;
+  font-size: 1.35rem;
   font-weight: 600;
   margin: 0.5rem 0;
   color: #0066cc;
 }
 
 .resume-location {
-  font-size: 1rem;
+  font-size: 1.1rem;
   margin: 0.5rem 0;
   color: #666;
 }
@@ -57,10 +58,10 @@
 
 .resume-contact a {
   display: block;
-  margin: 0.25rem 0;
+  margin: 0.35rem 0;
   color: #0066cc;
   text-decoration: underline;
-  font-size: 0.95rem;
+  font-size: 1rem;
 }
 
 .resume-contact a:hover {
@@ -77,10 +78,10 @@
 
 .resume-nav a {
   display: inline-block;
-  margin: 0 1rem 0.5rem 0;
+  margin: 0 1.25rem 0.5rem 0;
   color: #0066cc;
   text-decoration: underline;
-  font-size: 0.9rem;
+  font-size: 1rem;
 }
 
 .resume-nav a:hover {
@@ -97,18 +98,19 @@
 }
 
 .resume-section > h2 {
-  font-size: 1.5rem;
+  font-size: 1.75rem;
   font-weight: 600;
-  margin: 0 0 1rem 0;
+  margin: 0 0 1.25rem 0;
   color: #333;
   border-bottom: 2px solid #0066cc;
   padding-bottom: 0.5rem;
 }
 
 .resume-section p {
-  margin: 0.75rem 0;
-  line-height: 1.5;
+  margin: 1rem 0;
+  line-height: 1.6;
   color: #333;
+  font-size: 1.05rem;
 }
 
 /* Skills */
@@ -120,9 +122,10 @@
 }
 
 #skills li {
-  margin: 0.5rem 0;
+  margin: 0.6rem 0;
   break-inside: avoid;
-  line-height: 1.4;
+  line-height: 1.5;
+  font-size: 1rem;
 }
 
 @media (min-width: 768px) {
@@ -144,27 +147,28 @@
 }
 
 .resume-experience h3 {
-  font-size: 1.1rem;
+  font-size: 1.2rem;
   font-weight: 600;
-  margin: 0 0 0.25rem 0;
+  margin: 0 0 0.35rem 0;
   color: #333;
 }
 
 .resume-experience .meta {
   color: #666;
-  margin-bottom: 0.75rem;
-  font-size: 0.9rem;
+  margin-bottom: 0.85rem;
+  font-size: 1rem;
   font-style: italic;
 }
 
 .resume-experience ul {
-  margin: 0.5rem 0;
+  margin: 0.6rem 0;
   padding-left: 1.5rem;
 }
 
 .resume-experience li {
-  margin: 0.5rem 0;
-  line-height: 1.4;
+  margin: 0.6rem 0;
+  line-height: 1.5;
+  font-size: 1rem;
 }
 
 /* Role headers */
@@ -202,16 +206,26 @@
 /* Mobile */
 @media (max-width: 768px) {
   .resume {
-    padding: 1.5rem 1rem;
+    padding: 2rem 1.5rem;
   }
 
   .resume-name {
-    font-size: 1.75rem;
+    font-size: 1.85rem;
+  }
+  
+  .resume-section > h2 {
+    font-size: 1.5rem;
   }
 
   .resume-nav a {
     display: block;
-    margin: 0.25rem 0;
+    margin: 0.35rem 0;
+  }
+}
+
+@media (max-width: 480px) {
+  .resume {
+    padding: 1.5rem 1rem;
   }
 }