Locally provide fonts and try add more breathing room to resume

scss/style.scss

@@ -1,5 +1,3 @@
-@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,700;1,400;1,700&family=Raleway:wght@400;600;700&display=swap');
-
 $text-font: 'Raleway';
 $big-font: 'Raleway';
 $color-main: #36e281;
@@ -7,6 +5,12 @@ $color-secondary: $color-main;
 $color-link: black;
 $color-text: black;
 
+@font-face {
+    font-family: "Raleway";
+    src: url("../font/Raleway-VariableFont_wght.ttf") format("truetype"),
+         url("../font/Raleway-Italic-VariableFont.ttf") format("truetype");
+}
+
 @media print {
     @page {
         margin: 0 0 0 0;
@@ -37,7 +41,8 @@ body {
     margin: 0px;
     padding: 0px;
     font-family: $text-font;
-    line-height: 1.225em;
+    line-height: 1.3em;
+    font-size: 1.05em;
     font-variant-ligatures: none;
 
     @media not print {
@@ -70,25 +75,26 @@ hr {
 }
 
 div.name {
-    font-size: 1.7rem;
+    font-size: 1.7em;
     margin: 10px;
     font-family: $big-font, serif;
 }
 
 h1 {
-    font-size: 1.25rem;
+    font-size: 1.25em;
     font-family: $big-font, serif;
     font-weight: 600;
     margin: 10px;
+    margin-top: 12px;
     margin-bottom: 2.5px;
     display: inline-block;
 }
 
 h2 {
-    font-size: 1.2rem;
+    font-size: 1.2em;
     font-weight: 400;
     margin-bottom: 0px;
-    margin-top: 0.2rem;
+    margin-top: 0.2em;
 }
 
 ul {
@@ -141,14 +147,14 @@ a.project-link {
     align-items: center;
 
     h2 {
-        font-size: 1rem;
+        font-size: 1em;
     }
 }
 
 svg.project-link-icon {
-    height: 0.9rem;
-    width: 0.9rem;
-    margin-left: 0.25rem;
+    height: 0.9em;
+    width: 0.9em;
+    margin-left: 0.25em;
 }
 
 main {