removed screenshots & added underline for panel selection.

docs/page.css

@@ -1,6 +1,5 @@
 :root {
 	--color-blue: #049EF4;
-
 	--text-color: #444;
 	--border-style: 1px solid #EEE;
 	--header-height: 56px;
@@ -53,16 +52,17 @@ h2 {
 	line-height: 1.32em;
 	font-weight: normal;
 	margin-top: 40px;
-	margin-bottom: 16px;
+	margin-bottom: 12px;
 	text-indent: -1px;
 }
 
 h3 {
-	color: #000;
-	font-size: 16px;
+	font-size: 1.32em;
+	line-height: 1.48em;
 	font-weight: normal;
 	text-indent: -1px;
-	margin-top: 40px;
+	margin-top: 24px;
+	margin-bottom: 12px;
 }
 
 p {
@@ -99,10 +99,6 @@ code {
 	margin-bottom: 20px;
 }
 
-h2 + p {
-	margin-top: -12px;
-}
-
 div {
 	margin-bottom: 20px;
 }
@@ -213,7 +209,6 @@ sub {
 /* mobile */
 
 @media all and ( max-width: 640px ) {
-
 	body {
 		padding: 16px 20px;
 	}

files/main.css

@@ -1,6 +1,5 @@
 :root {
 	--color-blue: #049EF4;
-
 	--text-color: #444;
 	--border-style: 1px solid #EEE;
 	--header-height: 48px;
@@ -24,11 +23,9 @@ html, body {
 body {
 	margin: 0px;
 	overflow: hidden;
-
 	font-family: 'Roboto Mono', monospace;
 	font-size: 14px;
 	line-height: 24px;
-
 	background-color: #ffffff;
 	color: var(--text-color);
 }
@@ -47,18 +44,15 @@ h2 {
 	margin: 6px 0 12px 0;
 	font-size: 14px;
 	font-weight: normal;
-
 	color: var(--color-blue);
 }
 
 h3 {
 	margin: 4px 0;
-
 	font-size: 14px;
 	line-height: 23px;
 	font-weight: 500;
 	text-transform: uppercase;
-
 	color: #9E9E9E;
 }
 
@@ -83,12 +77,9 @@ h1 a {
 	width: 300px;
 	height: 100%;
 	overflow: auto;
-
 	border-right: var(--border-style);
-
 	display: flex;
 	flex-direction: column;
-
 	transition: 0s 0s height;
 }
 
@@ -196,6 +187,10 @@ h1 a {
 			color: var(--color-blue);
 		}
 
+		#panel #content .selected {
+			text-decoration: underline;
+		}
+
 		#panel #content .hidden {
 			display: none !important;
 		}