A much more palatable website

1 files changed, 33 insertions, 37 deletions

diff --git a/index.css b/index.css
index bc87160..c0e86b7 100644
--- a/index.css
+++ b/index.css
@@ -2,44 +2,42 @@
 Top level styling
 ************************************/
 html {
-	background: #2f3032;
-	background: -webkit-radial-gradient(top, #383A56, #303133);
-	background: -moz-radial-gradient(top, #383A56, #303133);
-	background: radial-gradient(to bottom, #383A56, #303133);
+	background: #eee;
+	height: 100%;
+	overflow: auto;
 }
 
 body {
-	background: #2f3032;
-	min-height: calc(100vh - 64px);
-	
     font-size: 16px;
-    font-family: "Helvetica", sans-serif;
+    font-family: "Noto Sans", sans-serif;
     line-height: 1.5rem;
-	width: 960px;
+	width: 1080px;
 	margin: auto;
-    overflow-x: auto;
-    overflow-y: auto;
-	color: white;
-	margin-top: 32px;
-	margin-bottom: 32px;
+	color: #232325;
 	border-radius: 8px;
-	border: 2px solid #383A56;
 	padding: 32px;
 }
 
 header {
-	border-bottom: 2px solid #383A56;
-    padding-top: 1rem;
-    padding-bottom: 1rem;
-    font-size: 20px;
+	margin: 0;
+    font-size: 16px;
     text-align: center;
 	border-radius: 0px 0px 3px 3px;
+	padding: 0.25rem;
 }
 
 header > h1 {
     margin: 0rem;
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
+}
+
+header > h1 > a {
+	color: inherit;
+	text-decoration: inherit;
+}
+
+header > h1 > a:hover {
+	font-weight: bold;
+	opacity: 0.5;
 }
 
 main {
@@ -64,7 +62,6 @@ nav {
     text-align: left;
     font-size: 1rem;
     user-select: none;
-	max-height: calc(100vh - 64px);
 }
 
 .outer-tree {
@@ -97,14 +94,13 @@ nav {
 	margin-left: 0.5rem;
     padding-left: 1rem;
     list-style: none;
-	border-left: 1px solid white;
+	border-left: 1px solid #232325;
 }
 
 .inner-tree > li {
 }
 
 .inner-tree > li > label {
-    color: white;
     font-weight: bold;
     text-align: center;
 	text-decoration: underline;
@@ -115,14 +111,14 @@ nav {
 }
 
 nav a {
-	color: white;
+	color: #232325;
 	text-decoration: none;
     display: inline-block;
     min-width: 196px;
 }
 
 nav a:hover {
-	opacity: 0.8;
+	opacity: 0.5;
     cursor: pointer;
 }
 
@@ -135,15 +131,15 @@ nav a:hover {
 Content styling
 ************************************/
 article {
-    min-width: 74%;
-    width: 74%;
-    overflow-y: hidden;
+    min-width: 75%;
+    width: 75%;
+    overflow-y: auto;
 }
 
 article > h1 {
 	width: 100%;
-	border-bottom: 1px solid #EDE68A;
 	padding-bottom: 0.25rem;
+	font-weight: 500;
 }
 
 section > p {
@@ -151,8 +147,9 @@ section > p {
 }
 
 section > h2 {
-	padding-left: 0.25rem;
-	font-size: 18px;
+	color: #0f3460;
+	font-size: 20px;
+	font-weight: 500;
 }
 
 section pre {
@@ -162,14 +159,13 @@ section pre {
 	line-height: 1.1rem;
 }
 
-#references a,
-#references a:visited {
-    color: #EDE68A;
-    opacity: 0.8;
+#references a {
+	color: inherit;
+	text-decoration: none;
 }
 
 #references a:hover {
-    opacity: 1.0;
+	opacity: 0.5;
 }