html, body {
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(25deg,#16054A,#000);
    z-index: -3;
}
.container  {
  width:100%;
  height:100%;
  position:absolute;
  z-index:-2;
}
#blurCanvasTop{
  left:0%;
  top:0%;
  position:absolute;
}
#blurCanvasBottom{
  left:50%;
  top:0;
  position:absolute;
}

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

.orangeColor {
    color: #F06000!important;
}

#education, #work, #courses, #skills, #projects {
    background-color: white;
    padding-top: 75px;
}