resume page

css/main.css

@@ -109,11 +109,24 @@ h2, h3, h4, h5, h6 {
 
 h2 {
 	font-size: 2rem;
+	margin-block: 1.5rem 1rem;
+}
+
+h3 {
+	font-size: 1.5rem;
+	margin-block: .8rem;
 }
 
 @media (max-width: 800px) {
 	h1 { font-size: 2rem; }
-	h2 { font-size: 1.5rem; }
+	h2 {
+		font-size: 1.5rem;
+		margin-block: 1rem .5rem;
+	}
+	h3 {
+		font-size: 1.2rem;
+		margin-block-end: .5rem;
+	}
 }
 
 p {
@@ -150,3 +163,10 @@ a:focus-visible {
 a:active {
 	text-decoration-thickness: .4em;
 }
+
+hr {
+	color: var(--color-title-bg);
+	background: var(--color-title-bg);
+	border: none;
+	height: .5rem;
+}