about summary refs log tree commit diff
diff options
context:
space:
mode:
-rw-r--r--css/main.css80
1 files changed, 35 insertions, 45 deletions
diff --git a/css/main.css b/css/main.css
index c0c8b05..7a7d28b 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,9 +1,32 @@
-html, body{
+html,body{
 	font:400 98% serif;
 	background-color:#000900;
 	color:#EEBB99;
-	margin:0;
-	height:100%
+	height:100%;
+	margin:0
+}
+
+.main{
+	min-height:100%;
+	position:relative
+}
+
+.head{
+	font:400 120% sans;
+	color:#999000;
+	padding:35pt 15% 35pt 15%
+}
+
+.body{padding:0pt 5% 60pt 5%}
+
+.foot{
+	font-size:70%;
+	position:absolute;
+	text-align:center;
+	bottom:0;
+	width:100%;
+	padding-top:9pt;
+	padding-bottom:9pt
 }
 
 h1{
@@ -27,82 +50,49 @@ a{
 	color:#989888;
 	text-decoration:none
 }
-
 a:hover{color:#EEEEEE}
 
 img{margin-left:4%}
 
-.main{
-	min-height:100%;
-	position:relative
-}
-
-.head{
-	font:400 120% sans;
-	/* text-align:center; */
-	color:#999000;
-	padding:35pt 15% 35pt 15%
-}
-
-.body{padding:0pt 5% 60pt 5%}
-
-.foot{
-	font-size:70%;
-	position:absolute;
-	text-align:center;
-	bottom:0;
-	width:100%;
-	padding-top:9pt;
-	padding-bottom:9pt
-}
-
 .sh{
-	font:400 77% mono;
+	font:400 78% mono;
 	padding-left:3%
 }
 
 @media(prefers-color-scheme:light){
-	html, body{
+	html,body{
 		background-color:#F8F6E0;
 		color:#000009
 	}
-
+	.head{color:#555555}
 	h1{color:#602000}
 	h2{color:#704020}
 	h3{color:#403060}
-
 	a{color:#006070}
 	a:hover{color:#000000}
-
-	.head{color:#555555}
 }
 
 @media all and (min-width:0px){
-	.body{padding:0pt 12% 60pt 12%}
 	.head{padding:28pt 15% 28pt 15%}
+	.body{padding:0pt 12% 60pt 12%}
 }
-
 @media all and (min-width:800px){
-	.body{padding:0pt 20% 60pt 20%}
 	.head{padding:28pt 28% 28pt 28%}
+	.body{padding:0pt 20% 60pt 20%}
 }
-
 @media all and (min-width:1000px){
-	.body{padding:0pt 20% 60pt 20%}
 	.head{padding:28pt 25% 28pt 25%}
+	.body{padding:0pt 20% 60pt 20%}
 }
-
 @media all and (min-width:1200px){
-	.body{padding:0pt 30% 60pt 30%}
 	.head{padding:28pt 37% 28pt 37%}
+	.body{padding:0pt 30% 60pt 30%}
 }
-
 @media all and (min-width:1400px){
-	.body{padding:0pt 28% 60pt 28%}
 	.head{padding:28pt 32% 28pt 32%}
+	.body{padding:0pt 28% 60pt 28%}
 }
-
 @media all and (min-width:1600px){
-	.body{padding:0pt 32% 60pt 32%}
 	.head{padding:28pt 37% 28pt 37%}
+	.body{padding:0pt 32% 60pt 32%}
 }