html{height:100%}body{margin:0}.bg{animation:slide 8s ease-in-out infinite alternate;background-image:linear-gradient(-60deg,#2dd4bf 50%,#c084fc 50%);bottom:0;left:-50%;opacity:.5;position:fixed;right:-50%;top:0;z-index:-1}.bg2{animation-direction:alternate-reverse;animation-duration:9s}.bg3{animation-duration:10s}@keyframes slide{0%{transform:translate(-25%)}to{transform:translate(25%)}}