#gradient {
  position: absolute;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#303f9f), to(#ffffff));
  background: -webkit-linear-gradient(top, #d7dbf9, #ffffff);
  background: -moz-linear-gradient(top, #d7dbf9, #ffffff);
  background: -ms-linear-gradient(top, #d7dbf9, #ffffff);
  background: -o-linear-gradient(top, #d7dbf9, #ffffff);
  background: linear-gradient(top, #d7dbf9, #ffffff);
}
#gradient-blue {
  position: absolute;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#303f9f), to(#45cafc));
  background: -webkit-linear-gradient(top, #303f9f, #45cafc);
  background: -moz-linear-gradient(top, #303f9f, #45cafc);
  background: -ms-linear-gradient(top, #303f9f, #45cafc);
  background: -o-linear-gradient(top, #303f9f, #45cafc);
  background: linear-gradient(top, #303f9f, #45cafc);
}