improve hyre description

styles/style.css

@@ -1,16 +1,19 @@
 :root {
-    --gray: #8a8a8a;
+    --primary: #000;
+    --primary-light: #8a8a8a;
 }
 
 html {
     font-family: "JetBrains Mono", Arial, sans-serif;
+    font-size: 10pt;
 }
 
-.a4 {
-    max-width: 595pt;
-    max-height: 842pt;
+body {
+    max-width:1024px;
     margin-left: auto;
     margin-right: auto;
+
+    color: var(--primary);
 }
 
 .icon {
@@ -67,6 +70,10 @@ main > *:not(:last-child) {
     margin-bottom: 1rem
 }
 
+.experience > p:not(:last-child) {
+    margin-bottom: 0.5rem;
+}
+
 .pfp {
     border-radius: 50%;
 
@@ -86,7 +93,7 @@ menu.links {
 
 .experience-time-span {
     font-size: 0.85rem;
-    color: var(--gray);
+    color: var(--primary-light);
 }
 
 
@@ -124,7 +131,21 @@ dl.details {
 
 
 @media print {
-    .experience {
+
+    p {
         page-break-inside: avoid;
     }
-}
+
+    hgroup, h1, h2, h3, h4, h5, h6 {
+        page-break-after: avoid;
+        page-break-inside: avoid;
+    }
+}
+
+a {
+    color: var(--primary-light);
+
+    &:hover {
+        color: var(--primary);
+    }
+}