@green: #87c873;

body {
  background-color: @green;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(lighten(@green, 10)), to(@green));
  background-image: -moz-linear-gradient(darken(@green, 10), @green);
  background-repeat: no-repeat;
  padding: 100px;
  text-rendering: optimizeLegibility;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.25);
  
  xbackground: -webkit-gradient(radial, center center, 0, center center, 400, from(lighten(@green, 15)), to(@green));
  xbackground-repeat: no-repeat; 
}

a, a:visited {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  -webkit-transiton: .2s all linear;
}

a:hover {
  text-shadow: 0 0 10px rgba(255,255,255,.5);
}

h1, h2, p {
  color: #fff;
  color: rgba(255,255,255,.85);
  text-align: center;
  text-shadow: 0 1px 1px rgba(0,0,0,.35);
}

h1 {
  margin: 0;
  font: bold 100px/1 "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #fff;
  text-shadow: 0 1px 0 #ccc, 
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 22px 22px rgba(0,0,0,.15);
  -webkit-transition: .2s all linear;
}

h1:hover {
  cursor: text;
}

h1:focus {
  outline: none;
}

p {
  text-shadow: 0 1px 1px rgba(0,0,0,.25);
}

h2 {
  margin: 30px 0 15px;
  font-size: 20px;
  font-weight: 200;
  line-height: 25px;
}