html { background: #000;
}
body { width:100vw; height:100vh; overflow: hidden;
}
.laser-beam { position: absolute; left: 50vw; bottom: 0; width: 3px; height: 500vw; background: rgba(99, 195, 231, 0.6); 
  -webkit-box-shadow: 0px 0px 15px 0px #63c3e7; -moz-box-shadow: 0px 0px 15px 0px #63c3e7; box-shadow: 0px 0px 15px 0px 
  #63c3e7;
  -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; 
  -webkit-animation: laser 7s infinite;
}
.laser-beam.red { -webkit-animation: laser 7.2s infinite; background: rgba(236, 19, 65, 0.6); -webkit-box-shadow: 0px 0px 
  15px 0px #ec1341; -moz-box-shadow: 0px 0px 15px 0px #ec1341; box-shadow: 0px 0px 15px 0px #ec1341;
}
.laser-beam.purple { -webkit-animation: laser 7.4s infinite; background: rgba(204, 102, 255, 0.6); -webkit-box-shadow: 0px 
  0px 15px 0px #cc66ff; -moz-box-shadow: 0px 0px 15px 0px #cc66ff; box-shadow: 0px 0px 15px 0px #cc66ff;
}
.laser-beam.green { -webkit-animation: laser 7.6s infinite; background: rgba(86, 212, 69, 0.6); -webkit-box-shadow: 0px 
  0px 15px 0px #56d445; -moz-box-shadow: 0px 0px 15px 0px #56d445; box-shadow: 0px 0px 15px 0px #56d445;
}
.laser-beam.pink { -webkit-animation: laser 7.8s infinite; background: rgba(223, 21, 255, 0.6); -webkit-box-shadow: 0px 
  0px 15px 0px #df15ff; -moz-box-shadow: 0px 0px 15px 0px #df15ff; box-shadow: 0px 0px 15px 0px #df15ff;
}
.laser-beam.orange { -webkit-animation: laser 8.0s infinite; background: rgba(255, 114, 65, 0.6); -webkit-box-shadow: 0px 
  0px 15px 0px #ff7241; -moz-box-shadow: 0px 0px 15px 0px #ff7241; box-shadow: 0px 0px 15px 0px #ff7241;
}
.laser-beam.yellow { -webkit-animation: laser 8.2s infinite; background: rgba(255, 248, 35, 0.6); -webkit-box-shadow: 0px 
  0px 15px 0px #fff823; -moz-box-shadow: 0px 0px 15px 0px #fff823; box-shadow: 0px 0px 15px 0px #fff823;
}
@-webkit-keyframes laser { 0% { -moz-transform: rotate(-75deg); -ms-transform: rotate(-75deg); -webkit-transform: 
    rotate(-75deg); transform: rotate(-75deg);
  }
  50% { -moz-transform: rotate(75deg); -ms-transform: rotate(75deg); -webkit-transform: rotate(75deg); transform: 
    rotate(75deg);
  }
  100% { -moz-transform: rotate(-75deg); -ms-transform: rotate(-75deg); -webkit-transform: rotate(-75deg); transform: 
    rotate(-75deg);
  }
}