feat(resume): reworked a bit the scss

src/scss/resume.scss

@@ -33,20 +33,29 @@ ul {
   padding-left: 1em;
 }
 
-section>ul {
+.timeline {
-  padding-left: 2em;
+  li {
-  padding-bottom: 1em;
-}
-
-.timeline>li {
     margin: 0;
+    padding: 0;
   }
 
-li.event {
+  .arrow-up {
+    width: 0;
+    height: 0;
+    border-left: 5px solid transparent;
+    border-right: 5px solid transparent;
+    border-bottom: 10px solid #c0c5ce;
+    margin-left: calc(1.25em - 4px);
+    top: -8px;
+    position: relative;
+  }
+
+  .event {
     padding: 0.8em 0 0.8em 2.3em;
     margin-left: 1.25em;
     border-left: 2px #c0c5ce solid;
   }
+}
 
 .tag {
   display: inline;
@@ -68,40 +77,30 @@ h1>small {
 section {
   padding-left: 1em;
   padding-bottom: 1em;
-}
 
-section>p {
+  p {
     padding-left: 1em;
     margin: 0;
     margin-bottom: 0.2em;
   }
 
-section>h3 {
+  h3 {
     margin-bottom: 0.3em;
   }
 
+  ul {
+    padding-left: 2em;
+    padding-bottom: 1em;
+  }
+
   .project-links {
     padding-left: 1em;
-}
 
-.project-links>a {
+    a {
       padding-left: 0.3em;
       text-decoration: none;
     }
-
-h2 {
-  margin: 1em 0 0.3em 0;
   }
-
-.arrow-up {
-  width: 0;
-  height: 0;
-  border-left: 5px solid transparent;
-  border-right: 5px solid transparent;
-  border-bottom: 10px solid #c0c5ce;
-  margin-left: calc(1.25em - 4px);
-  top: -8px;
-  position: relative;
 }
 
 @media print {
@@ -124,13 +123,15 @@ h2 {
     font-size: 13px;
   }
 
-  li.event {
+  li {
+    .event {
       border-left: 2px black solid;
     }
 
     .tag {
       font-size: 10px;
     }
+  }
 
   a {
     color: black;