div.center{display:flex;justify-content:center;width:100%}.anim-container div{display:inline-block}.anim-container{font-family:Garamond,sans-serif;animation-delay:7s;animation-name:animscale;animation-duration:4s;animation-fill-mode:forwards;background:linear-gradient(to right,#000 0,#000 50%,red,orange,#ff0,green,#00f,indigo,violet);background-size:200% 100%;color:transparent;background-clip:text;-webkit-background-clip:text}div.animgroup{width:400px;margin-top:20px;margin-bottom:30px;overflow:clip}div.underline{width:200px}div.underline>div{position:absolute;opacity:0;color:#a5002e;animation-name:roll;animation-duration:16s;animation-timing-function:ease;animation-iteration-count:infinite}div.underline>div:first-child{animation-delay:0s}div.underline>div:nth-child(2){animation-delay:8s}@keyframes roll{0%{opacity:0}3.125%{opacity:1}46.875%{opacity:1}50%{opacity:0}100%{opacity:0}}.box{text-align:left;font-size:3rem;transition:width 2s;overflow:clip}.colapse{animation-delay:5s;animation-name:animcolapse;animation-duration:2s;animation-fill-mode:forwards;animation-timing-function:ease-in;width:180px}@keyframes animcolapse{to{width:0}}@keyframes animscale{from{transform:scale(1);background-position:0;background-size:300% 100%}to{transform:scale(1.5);background-position:100%;background-size:200% 100%}}