project1.css

.background {
  background:  no-repeat top center;
  bottom: 96px;
  background-size: cover;
  position: absolute;
  width: 110%;
  left: -125%;
  top: -100%;
  margin-bottom:160px;

}
body{
	background:black
	;
	margin:0px;
	padding: 0px;
	border:0px;
	
}
.title {
  font-size: 70px;
  color:white;

  position: absolute;
  width: 100%;
  margin-top: 200px;
  margin-left: 700px;


}
.wave {
  background: transparent repeat-x;
  position: absolute;
  width: 300%;
  left: -100%;
  margin-top: 500px;
}
.wave:after {
  background-color: black;
  position: absolute;
  display: block;
  content: "";
  height: 500px;
  width: 100%;
  top: 100%;
  left: 0;
  margin-top: 500px;
}




.layer div {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.layer {
  position: absolute;
}