COMING SOON

.saad{ opacity: 0; font-family: "cerebri-sans-regular"; margin: 0 auto auto auto; background: linear-gradient(to right, #f8b195, #f67280, #c06c84); font-weight: 800; font-size: 35px; width: 330px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; overflow: hidden; animation: shring-animation 2.2s steps(40,end) 0.5s forwards, blink .5s step-end infinite alternate; } @keyframes shring-animation { 0% { background-position: 0 0; opacity: 0; width: 0; } 1% { background-position: 0 0; opacity: 1; border-right: 1px solid orange; } 50% { background-position: 150px 0; opacity: 1; border-right: 1px solid orange; } 100% { background-position: 400px 0; opacity: 1; border-right: 1px solid orange; } } @keyframes type { 0% { width: 0; } 1%, 99%{ border-right: 1px solid orange; } 100%{ border-right: none; } } @keyframes blink { 50% { border-color: transparent; } }