.hero{display:flex;flex-wrap:wrap;align-items:center;align-content:center;overflow:hidden;padding-top:40px;padding-bottom:40px;width:100%;position:relative}.hero-inner{width:100%;z-index:1;position:relative}.hero-title-animation{position:absolute;top:0;left:0;z-index:1;width:100%}.hero-title .typed-cursor{display:none}.hero-title strong{font-weight:400;display:block;position:relative;margin-bottom:10px}.hero-title strong:after{content:attr(data-text);position:absolute;top:2px;left:2px;z-index:-1;-webkit-text-fill-color:transparent;-webkit-text-stroke-color:var(--color-secondary);-webkit-text-stroke-width:1px}.hero-title strong:before{content:attr(data-text);position:absolute;top:4px;left:4px;z-index:-1;-webkit-text-fill-color:transparent;-webkit-text-stroke-color:var(--color-secondary);-webkit-text-stroke-width:1px}.hero-title{width:100%;font-weight:500;display:inline-block;align-items:center;flex-wrap:wrap;margin-bottom:0;font-size:64px;position:relative;transition:transform 2s}.hero-title.is-done .hero-title-inner{opacity:0}.hero-title .animate-text{display:inline-flex}.hero-title.hero-title-1{transform:translateX(-150%);transition-delay:.2s}.hero-title.hero-title-2{transform:translateX(150%);transition-delay:.4s}.hero-title.hero-title-3{transform:translateX(-150%);transition-delay:.6s}.hero-title.hero-title-1.animated,.hero-title.hero-title-2.animated,.hero-title.hero-title-3.animated{transform:translateX(0)}.hero-text{padding-top:30px;font-size:14px;line-height:1.3;color:var(--color-gray-100);animation-delay:.8s}@media screen and (min-width:768px){.hero-title{font-size:80px}.hero-title strong{display:inline-block;margin-bottom:0}.hero{padding-top:40px}.hero-text{width:60%;font-size:18px;margin-left:39%}}@media screen and (min-width:1024px){.hero-title{font-size:110px}.hero-text{font-size:24px}}@media screen and (min-width:1280px){.hero-title{font-size:144px}}