diff --git a/theme/wttf/static/main.css b/theme/wttf/static/main.css
index 30c5924..47ddb77 100644
--- a/theme/wttf/static/main.css
+++ b/theme/wttf/static/main.css
@@ -39,7 +39,8 @@ body{
 	margin:0px;
 	font-size: 14px;
 	font-family: "serif";
-	background-color: #ccd1cab3;
+	/*background-color: #ccd1cab3;*/
+	background: linear-gradient(to bottom right, #c2c2c2, #fff7f7, #e4e3e3);
 	word-break: normal;
 }
 h1{
@@ -107,23 +108,21 @@ header{
 		line-height: 1.35;
 		color:white;
 		background-color: #fb4817;
+		background: linear-gradient(to bottom, #7e2502, #ff4800, #e2dede);
 	}
 		#menu.main{
 			position: relative;
 			z-index: 10;
 		}
 		#menu.main .indent{
-			padding-left:1em;
+			padding-left:60px;
 		}
 		#menu #subtitle{
-			width: calc(50% - 6em);
-			top:0;
-			left:calc(50% + 4em);
-			margin:2em;
+			margin:2em 2em 1em 60px;
 			font-family: 'serif';
-			font-size: 18px;
+			font-size: 32px;
 			font-weight: normal;
-			line-height: 1.8;
+			line-height: 1.3;
 			color:white;
 		}
 		#menu img.shape{
@@ -174,6 +173,7 @@ header{
 		width: calc(50% - 6em);
 		float: left; 
 		padding: 2em;
+		margin:0 0 2em 0;
 		background-color: #6ade4e;
 		color:#3c0e02;
 		border-radius: 15px;
@@ -253,7 +253,7 @@ header{
 
 /* article pages */
 #content.article{
-	max-width:900px;
+	max-width: 820px;
 	margin:0 0 5em 50px;
 }
 	#content.article .entry-title{
@@ -334,9 +334,9 @@ footer{
 			width: calc(100% - 2em);
 			top: 18em;
 			left: 1em;
-			margin: 3em 1em 1em 1em;
+			margin: 2em 1em 1em 1em;
 			font-family: 'serif';
-			font-size: 16px;
+			font-size: 22px;
 			line-height: 1.6;
 		}
 		#menu img.shape{