body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: Helvetica, "Times New Roman", Times, serif;
	font-size: 1em;
}

#whatido {
	height: 100%;
	width: auto;
	float: right;
}

#contact {
	position: absolute;
  	-webkit-transform: rotate(-7deg);
	bottom: 3em;
	left: -1em;
	background-color: red;
	color: white;
	padding: .2em 7em;
	font-size: 1.5em;
	letter-spacing: .1em;
	font-weight: lighter;
}
#contact a {
	color: inherit;
	text-decoration: none;
}
#contact a:hover {
	text-decoration: none;
}

#centerBox {
	transform: rotate(7deg);
  	transform: rotate(7deg);
	width: 100%;
	height: 100px;
	background-color: fuchsia;
	
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	
	display: -moz-box;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;
	
	display: box;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;
}

#indexImage {
	background-color: red;
}

#box1 {
	background-color: black;
}
#box2 {
	background-color:  blue;
}
#box3 {
	background-color:   green;
}