:root{--glow-animation-padding:7px;--glow-animation-inner-size:20px}*{box-sizing:border-box}.cards{margin:30px auto;max-width:800px}.rotate-animation{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.rotate-animation:before{content:"";display:block;background:linear-gradient(90deg,#47cbff,#ff196a);height:500px;width:500px;position:absolute;animation:rotate 8s linear infinite;z-index:0}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.reflect-animation{position:relative;overflow:hidden}.reflect-animation:before{content:"";display:block;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,40%,.75) 50%,hsla(0,0%,100%,0));height:300px;width:100px;position:absolute;animation:reflect 5s linear infinite;top:50%;transform-origin:top center}@keyframes reflect{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.glow-animation{position:relative;padding:var(--glow-animation-padding);border-radius:calc(var(--glow-animation-inner-size) + var(--glow-animation-padding))}.glow-animation__inner{border-radius:var(--glow-animation-inner-size)}.glow-animation:after,.glow-animation:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(45deg,#ff0008,#ffca3a,#ff6700);background-size:400%;z-index:-1;animation:glow 7s linear infinite;width:100%;border-radius:calc(var(--glow-animation-inner-size) + var(--glow-animation-padding))}.glow-animation:after{filter:blur(25px);transform:translateZ(0)}@keyframes glow{0%{background-position:0 0}50%{background-position:100% 0}to{background-position:0 0}}.outline-animation{outline-width:1px;outline-offset:0;outline-color:rgba(0,130,206,.75);outline-style:solid;animation:animateOutline 4s ease infinite}@keyframes animateOutline{0%{outline-width:1px;outline-offset:0;outline-color:rgba(0,130,206,0)}10%{outline-color:rgba(0,130,206,.75)}50%{outline-width:7px;outline-offset:4px;outline-color:rgba(0,130,206,0)}to{outline-width:7px;outline-offset:4px;outline-color:hsla(0,0%,40%,0)}}.svg-animation{position:relative}.svg-animation svg{position:absolute}.svg-animation .line{stroke-dasharray:260;stroke-width:1px;fill:transparent;stroke:rgba(78,255,13,.3);animation:svgAnimation 2.5s linear infinite}@keyframes svgAnimation{0%{stroke-dashoffset:0}to{stroke-dashoffset:1000}}