.type-container{display:flex;height:100vh;align-items:center;justify-content:center}.type-container .type{width:52rem;animation:typing 4s steps(9),blink 1s step-end infinite alternate;white-space:nowrap;overflow:hidden;border-right:8rem solid #bb5520;font-family:john-doe,sans-serif;font-weight:700;font-style:normal;font-size:8rem;color:#bb5520}@media(max-width:768px){.type-container .type{width:13rem}}@media(max-width:768px){.type-container .type{border-right:2rem solid #bb5520}}@media(max-width:768px){.type-container .type{font-size:2rem}}@keyframes typing{from{width:0}}@keyframes blink{50%{border-color:transparent}}