dark mode, colors, and tons of css updates

1 files changed, 28 insertions, 20 deletions

diff --git a/css/main.css b/css/main.css
index 5128a89..e3f067d 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,27 +1,40 @@
 @charset "utf-8";
 
 html, body{
-	font:400 11.7pt serif;
-	background-color: #FFFEFC;
-	color: #0F0800;
+	font:400 105% serif;
+	background-color: #200030;
+	color: #FFF000;
 	margin:0;
 	height:100%;
 	/*min-height:100%;*/
 	/*position:relative*/
 }
 
-h1{font-size:110%}
-h2{font-size:115%}
-h3{font-size:100%}
+h1{
+	font-size:120%;
+	color:#EE6600;
+	padding-left:3.5%
+}
+h2{
+	font-size:125%;
+	color:#DD5500;
+	padding-left:1.2%
+}
+h3{
+	font-size:110%;
+	color:#CC88CC;
+	padding-left:.3%
+}
 
-p{width:80ch}
+a{
+	font-size:110%;
+	color:#55EE55;
+	text-decoration:none
+}
 
-a{color: #000077}
+a:hover{color:#FFFFFF}
 
-img{
-	margin-left:4%;
-	/*box-shadow:3px 3px 8px 4px lightgrey*/
-}
+img{margin-left:4%;}
 
 .main{
 	min-height:100%;
@@ -30,16 +43,11 @@ img{
 
 .head{
 	font:400 1.2em sans;
-	color:#CCCCCC;
-	padding:10pt 20%
-}
-.head a{
-	color:#000055;
-	text-decoration:none
+	color:#999000;
+	padding:40pt 20%
 }
-.head a:hover{background-color:#EFEFEF}
 
-.body{padding: 20pt 18% 60pt 18%}
+.body{padding: 0pt 30% 60pt 19%}
 
 .foot{
 	font-size: 0.7em;