body, html  { height: 100%}
html, body, div, span, applet, object, iframe,
blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	}
body { line-height: 1}
ol, ul { list-style: none}
blockquote, q { quotes: none}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none}
:focus { outline: 0}
del { text-decoration: line-through}


html{-webkit-text-size-adjust: none;}
body {
  font-family: Arial;
  font-smoothing: antialiased;
  font-weight: normal;
  background: #151618;
  color: #FFF;
  margin: 0;
  text-align:center;
  overflow-x: hidden; 
}

h1 {
  text-transform: none;
  letter-spacing: 6px;
  font-weight: normal;
  font-size: 22px;
  line-height: 1.4em;
}

h2 {
  font-family: Arial;
  font-weight: 900;
  text-transform: none;
  letter-spacing: 20px;
  font-size: 100px;
  margin:-30px 0 20px 0;
}

p {
  line-height: 1.6em;
  text-align: center;
  font-size: 16px;
}

a {
  transition: color 0.2s ease-out;
  text-decoration: none;
  color: #fff;
  text-decoration:underline;
}

a:hover {
  color: #444;
}

h2 span{margin:0px;}


.logo {
  margin: 10px;
  width: 300px;
}

.container {
  position: relative;
  width: 100%;
  z-index:9;
}


  #background { display: none; }
  #canvas { position: absolute; top: 0px; left: 0px; }