html,
body {
    margin: 0;
    font-family:'Roboto Condensed', Helvetica, sans-serif;
    overflow: hidden;
    height: 100%;
}

/* Scale canvas with resize attribute to full size */
canvas[resize] {
    width: 100%;
    height: 100%;
}


.wrapper{
  position: absolute;
  width:100%;
}

.container{
	color: #ffffff;
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	font-size: 40px;
	margin: 0 auto;
	position: relative;
	width: 70%;
	text-align: center;
	margin-top:20%;
}

#canvas{
	background:#000;
	-webkit-transition: background 0.5s linear;
    -moz-transition: background 0.5s linear;
    -ms-transition: background 0.5s linear;
    -o-transition: background 0.5s linear;
    transition: background 0.5s linear;
}

img{
    float:left;
    width:33%;
}

.photocontainer{
    width: 80%;
    margin:0 auto;]
    text-align: center;
}


.wordcontainer{
    width:100%;
    float: left;
}