resume: middle line thingy

Signed-off-by: Naman Sood <mail@nsood.in>

css/resume.css

@@ -122,21 +122,27 @@ h2 {
   line-height: 14pt;
   height: 21pt;
   font-size: 13pt;
-  font-weight: 600;
+  font-weight: 500;
   display: block;
   padding-right: 0;
   align-self: flex-start;
   width: 100%;
 }
+h2 span {
+  background: white;
+  padding-right: 5pt;
+}
 h2:before {
   content: "";
   position: absolute;
-  bottom: -2pt;
+  top: 9pt;
+  bottom: 0;
+  margin: auto;
   left: 0;
   width: 100%;
   box-sizing: content-box;
   height: 0;
-  border-top: 1.5pt solid #8ecfd5;
+  border-top: 1.5pt solid #63c8d3;
   z-index: -1;
 }
 

css/resume.scss

@@ -136,22 +136,28 @@ h2 {
 	line-height: $ls;
 	height: 1.5*$ls;
 	font-size: 13pt;
-	font-weight: 600;
+	font-weight: 500;
 	display: block;
 	padding-right: 0;
 	align-self: flex-start;
     width: 100%;
+
+	span {
+		background: white;
+		padding-right: 5pt;
+	}
 	
 	&:before {
 		content: '';
 		position: absolute;
-		bottom: -2pt;
+		top: 9pt;
+		bottom: 0;
+		margin: auto;
 		left: 0;
 		width: 100%;
 		box-sizing: content-box;
-		//height: 1.5pt;
         height: 0;
-        border-top: 1.5pt solid #8ecfd5;
+        border-top: 1.5pt solid #63c8d3;
 		z-index: -1;
 	}
 }

resume.html

@@ -19,7 +19,7 @@
 			</header>
 			<main>
 				<section class="education">
-					<h2>Education</h2>
+					<h2><span>Education</span></h2>
 					<article class="institution">
 						<h3>University of Waterloo</h3>
 						<h4>Bachelor of Computer Science &ndash; 3.91 GPA</h4>
@@ -30,12 +30,12 @@
 					</article>
 				</section>
 				<section class="skills">
-					<h2>Skills</h2>
+					<h2><span>Skills</span></h2>
 					<p><strong>Languages</strong><span>JavaScript/TypeScript, Go, Rust, C++, C, Python, Scala, HTML/CSS, Shell, Haskell</span></p>
 					<p><strong>Technologies</strong><span>Git, Docker, Kubernetes, AWS EC2/S3, gRPC/Protobuf, React, SQL, MongoDB</span></p>
 				</section>
 				<section class="experience">
-					<h2>Experience</h2>
+					<h2><span>Experience</span></h2>
 					<article class="work-exp">
 						<h3 class="employer">FreeBSD Foundation</h3>
 						<h4 class="position">Incoming Software Developer Intern <span class="location">Kitchener, ON</span></h4>
@@ -106,7 +106,7 @@
 					</article>
 				</section>
 				<section class="projects">
-					<h2>Projects</h2>
+					<h2><span>Projects</span></h2>
 					<article class="project">
 						<div class="project-title">
 							<h3><a href="https://github.com/tendstofortytwo/chip8-rust">CHIP8-rust</a></h3>