Use HTML5 semantic elements in header.

1 files changed, 13 insertions, 11 deletions

diff --git a/main.css b/main.css
index df3a869..5a4a7a6 100644
--- a/main.css
+++ b/main.css
@@ -7,15 +7,15 @@ body {
 	margin: 0px;
 }
 h1 {
-	font-size: 24pt;
+	font-size: 20pt;
 	margin: 16px 0px 16px 0px;
 }
 h2 {
-	font-size: 20pt;
+	font-size: 16pt;
 	margin: 16px 0px 16px 0px;
 }
 h3 {
-	font-size: 16pt;
+	font-size: 12pt;
 	margin: 16px 0px 16px 0px;
 }
 h4 {
@@ -43,25 +43,27 @@ p span.super {
 	font-size: 9pt;
 }
 
-div.header {
-	margin: 16px;
-}
-div.header a.skip {
+a.skip {
 	display: none;
 }
-div.header h1 {
+
+header {
+	margin: 16px;
+}
+header>h1 {
+	font-size: 24pt;
 	font-family: serif;
 	margin: 0px 0px 0px 0px;
 }
-div.header h1 a {
+header>h1>a {
 	color: #000000;
 	text-decoration: none;
 }
-div.header h1 span.super {
+header>h1>span.super {
 	vertical-align: 33%;
 	font-size: 18pt;
 }
-div.header p {
+header>p {
 	font-style: italic;
 	text-align: right;
 	font-size: 12pt;