.invalid{color:red}div.grad{position:fixed;top:0;left:0;height:5px;background:-webkit-gradient(linear,right top,left top,from(#008aff),to(#00ffe7));background:linear-gradient(270deg,#008aff,#00ffe7);z-index:999;-webkit-animation:gradient 10s linear infinite;animation:gradient 10s linear infinite}@-webkit-keyframes gradient{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}50%{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}to{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}}@keyframes gradient{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}50%{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}to{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}}div.grad:before{-webkit-filter:blur(5px);filter:blur(5px)}div.grad:after,div.grad:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#008aff,#00ffe7);z-index:999}div.grad:after{-webkit-filter:blur(10px);filter:blur(10px)}