html,body {
  font-family: Raleway;
  
  width:100%;
  height:100%;
  position:absolute;
  background: linear-gradient(25deg,#24a9e1,#24a9e1);
  text-shadow: 0px 1px 2px rgba(0,0,0,0.4);
}

#blurCanvasTop{
  left:0%;
  top:0%;
  position:absolute;
}

#canvas-wrap { position:relative } /* Make this a positioned parent */
#overlay     { position:absolute; top:30%; left:15%;  }

#blurCanvasBottom{
  left:50%;
  top:0;
  position:absolute;
}
.content {
  left:15%;
  top:20%;
  width:70%;
  position:relative;
}

.blur {
  width:100%;
  height:100%;
  position:absolute;
  overflow:hidden;
}
.blurTop{
  left:40%;
  top:-110%;
  transform:rotate(20deg);
  transform-origin: 0 100%;
}
.blurBottom{
  left:-60%;
  top:100%;
  transform:rotate(20deg);
  transform-origin: 100% 0%;
}