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;font-family:cursive;animation-name:roll;animation-duration:80s;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}div.underline>div:nth-child(3){animation-delay:16s}div.underline>div:nth-child(4){animation-delay:24s}div.underline>div:nth-child(5){animation-delay:32s}div.underline>div:nth-child(6){animation-delay:40s}div.underline>div:nth-child(7){animation-delay:48s}div.underline>div:nth-child(8){animation-delay:56s}div.underline>div:nth-child(9){animation-delay:64s}div.underline>div:nth-child(10){animation-delay:72s}@keyframes roll{0%{opacity:0}0.625%{opacity:1}9.375%{opacity:1}10%{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%}}