@charset "utf-8";
/* CSS Document */

.bgwt{background-color:rgba(255,255,255,1.00);}
.bgbl{background-color:rgba(0,0,0,1.00);}

#canvasGr{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1}
#canvasGr > div{position:fixed;width:200%;height:200vh;transition:all 1.5s ease-in-out;}
#canvasGr > #am{top:0; left:0;transform:translate(-50%,-50%);
  background: rgba(255,152,0,1);
  background: -webkit-radial-gradient(rgba(255,152,0,1),rgba(255,234,0,0)70%);
  background: -o-radial-gradient(rgba(255,152,0,1),rgba(255,234,0,0)70%);
  background: -moz-radial-gradient(rgba(255,152,0,1),rgba(255,234,0,0)70%);
  background: radial-gradient(rgba(255,152,0,1),rgba(255,234,0,0)70%);
}
#canvasGr > #vr{top:0; left:0;transform:translate(-50%,0%);
  background: rgba(139,195,74,1);
  background: -webkit-radial-gradient(rgba(139,195,74,1),rgba(174,234,0,0)70%);
  background: -o-radial-gradient(rgba(139,195,74,1),rgba(174,234,0,0)70%);
  background: -moz-radial-gradient(rgba(139,195,74,1),rgba(174,234,0,0)70%);
  background: radial-gradient(rgba(139,195,74,1),rgba(174,234,0,0)70%);
}
#canvasGr > #az{top:0; left:0;transform:translate(0%,0%);
  background: rgba(0,188,212,1);
  background: -webkit-radial-gradient(rgba(0,188,212,1),rgba(0,229,255,0)70%);
  background: -o-radial-gradient(rgba(0,188,212,1),rgba(0,229,255,0)70%);
  background: -moz-radial-gradient(rgba(0,188,212,1),rgba(0,229,255,0)70%);
  background: radial-gradient(rgba(0,188,212,1),rgba(0,229,255,0)70%);
}
#canvasGr > #rj{top:0; left:0;transform:translate(0%,-50%);
  background: rgba(244,67,52,1);
  background: -webkit-radial-gradient(rgba(244,67,52,1),rgba(255,23,68,0)70%);
  background: -o-radial-gradient(rgba(244,67,52,1),rgba(255,23,68,0)70%);
  background: -moz-radial-gradient(rgba(244,67,52,1),rgba(255,23,68,0)70%);
  background: radial-gradient(rgba(244,67,52,1),rgba(255,23,68,0)70%);
}