Improve links styles. Fix Optiver's texts

css/style.css

@@ -21,21 +21,16 @@ body {
 }
 
 a {
-  background:
-     linear-gradient(
-       to bottom, var(--green) 0%,
-       var(--green) 100%
-     );
-    background-position: 0 100%;
-    background-repeat: repeat-x;
-    background-size: 2px 2px;
-  color: #000;
+  color: var(--green);
   text-decoration: none;
-  transition: background-size .2s;
 }
 
 a:hover {
-  background-size: 4px 40px;
+  color: var(--green-light);
+}
+
+a:active {
+  color: var(--green-green);
 }
 
 h1 {
@@ -74,10 +69,6 @@ header {
   border-bottom: 4px solid var(--gray);
 }
 
-header a {
-  color: var(--gray-light);
-}
-
 header .personal-info {
   text-align: right;
   opacity: 0.8;
@@ -91,6 +82,13 @@ section {
   border-top: 2px solid var(--main-color);
 }
 
+.work-experience,
+.lab-experience,
+.bonus-track,
+.company-project {
+  page-break-inside: avoid;
+}
+
 .work-experience:not(:last-child) {
   border-bottom: 1px solid var(--main-color);
 }
@@ -151,4 +149,27 @@ h4 small {
 
 .company-project {
   padding-bottom: var(--space-reduced);
+}
+
+/* print config */
+
+@page {
+  size: A4;
+  margin: 0.5cm;
+}
+
+@media print {
+  body {
+    margin: 0;
+  }
+  header {
+    color: var(--main-color);
+    background-color: transparent;
+    opacity: 1;
+  }
+  section p a:after {
+    content: " (" attr(href) ")";
+    font-style: italic;
+    opacity: 0.8;
+  }
 }

index.html

@@ -31,10 +31,10 @@
       <h3 class="company-name">
         <small>2018 - current</small>
         Optiver
-        <small class="position">position yes</small>
+        <small class="position">Sysadmin - Tooling developer</small>
       </h3>
       <p>
-        Yes, deivid pone buenas introducciones.
+        Enforced operational commitments from development teams to bring down application errors to monitorable state.
         <ul>
           <li>
             Overhaul compliance related backup system (300TB+)
@@ -54,6 +54,9 @@
           <li>
             (Currently) Redesigning server deployment
           </li>
+          <li>
+            Mentored colleagues, healping them transition from an old-school sysadmin position to a tooling development position
+          </li>
         </ul>
       </p>
     </div>