body { -webkit-text-stroke: 1px transparent; }
html { -webkit-gradient( linear, left top, left bottom, from( rgba( 197, 229, 103, .99 ) ), to( rgba( 151, 203, 0, .99 ) ) ); background: -moz-linear-gradient( top, rgba( 197, 229, 103, .99 ), rgba( 151, 203, 0, .99 ) ); background-color: #AFD837; bottom:0; left:0; position:absolute; right:0; top:0; overflow: hidden; }
body { bottom:0; color:#555; left:0; padding:20px; position:absolute; right:0; text-shadow:0 1px 0 rgba(255, 255, 255, 0.5); top:0; font-family: "Century Gothic", Calibri, "Helvetica Neue", Helvetica, Arial, serif;  line-height: 1.5; }
body>div { position: absolute; top:25%; left: 20%; right: 20%; border-radius:10px; box-shadow:0 2px 10px #211101; -webkit-border-radius:10px; -webkit-box-shadow:0 2px 10px #211101; -moz-border-radius:10px; -moz-box-shadow:0 2px 10px #211101; background-color: #eee; background: -moz-linear-gradient(center top , rgb(255, 255, 255), rgb(211, 211, 211) ); background: -webkit-gradient(linear,left top,left bottom,from(rgba(255, 255, 255, .9)),to(rgba(211, 211, 211, .9))); padding: 20px 30px; }
p, h1 { display: inline; font-size:45px; font-weight: normal; color:#555; }
h1 { color: #1873A2; }
a:hover h1 { text-decoration: underline; }
a+a { position: absolute; width: 60px; height: 59px; background: url(twitter.png) no-repeat; text-indent: -9999px; top: -46px; right: 1%; outline: none; }
div>a { display: block; }
div>a:hover { text-decoration: none; }
div div { border-top: 1px solid #CCC; margin-top: 20px; }
ul { list-style: none; padding: 15px 0 0; margin: 0; border-top: 1px solid #F9F9F9; }
li { float: left; }
li+li { float: right; }
a, a:visited { text-decoration: none; color: #1873A2; }
a:hover, a:focus { text-decoration: underline; outline:none; }
a:active { color: #98CB00; }

@media only screen and (max-device-width:480px) { 
	body { -webkit-text-stroke: 0 black; }  
	body>div { top: 10%; left: 10%; right: 10%; }
}