.testBox{background-color:red;width:100px;height:100px}#navbar{background:linear-gradient(90deg,#000 0%,#730000 100%);border-bottom:1px solid red;padding:20px 10px}.typewriter-container{width:calc(var(--text-length)*26px)}.typewriter{white-space:nowrap;width:0;animation:typwriter .7s steps(var(--text-length)) forwards, blink 1s ease infinite;border-right:15px solid #fff;overflow:hidden}@keyframes typwriter{to{width:calc(var(--text-length)*26px)}}@keyframes blink{50%{border-color:#0000}}