html, body{
	width:100%;
	height:100%;
	overflow: hidden;
}
body {
	padding: 0px;
	margin: 0px;
	background-color: #333;
	font-family: 'Rokkitt', serif;
		background-color: #333;
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#666), to(#333));
  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #666, #333);
  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #666, #333);
  /* IE 10 */
  background: -ms-radial-gradient(circle, #666, #333);
}
#canvas{
	width: 100%;
	height:100%;
}
.text-overlay{
	position: absolute;
	top:20px;
	left:20px;
	color:white;
	width:70%;
	max-width:800px;
	font-size: 0.9em;
	text-shadow: rgba(0, 0, 0, 0.6) 2px 2px 0px;
}
.text-block{
	opacity: 0;
}
.text-block-0, .text-block-1{
	font-size: 2em;
}
.footer{
	position: absolute;
	bottom:0px;
	left:0px;
	background:white;
	width:100%;
	height:70px;
}
.footer a{
	color:#333;
	text-decoration: none;
}
.links{
	padding: 0px;
}
.portfolio-link a:hover{
	border-bottom: solid 1px #333;
}
.portfolio-link{
	position: absolute;
	right:20px;
	top:30px;
	color:#777777;
}
ul li {
	display:inline-block;
	float:left;
	margin-top: 12px;
	margin-right:20px;

}

ul li a {
	opacity: 0.5;
	color: #333 !important;
	font-size: 1.2em;
	-webkit-transition: opacity 0.25s linear;
  	-moz-transition: opacity 0.25s linear;
  	-o-transition: opacity 0.25s linear;
  	-ms-transition: opacity 0.25s linear;
}
ul li a:hover{
	opacity: 1;
	text-decoration: none;
}

@media only screen and (min-width: 650px) {
  .text-overlay{
  	font-size: 1.5em;
  }
}