.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.55);z-index:1}.hero-content{position:relative;z-index:2;max-width:700px;text-align:left}.hero-content h1{font-size:55px;font-weight:700}@media (max-width:576px){.hero-content h1{font-size:25px!important}}.typing-text{font-size:24px;font-weight:400;color:#f8f9fa;border-right:3px solid #f8f9fa;white-space:nowrap;overflow:hidden;width:0;animation:4s steps(30,end) forwards typing,.8s step-end infinite blink}@keyframes typing{from{width:0}to{width:100%}}@keyframes blink{from,to{border-color:transparent}50%{border-color:#f8f9fa}}.