:root{--viewport-width:100vw;--viewport-height:100vh}html,body{box-sizing:border-box;background-color:#f0f0f0;width:100vw;height:100%;margin:0;overflow:hidden}h1,h2,h3,h4,h5,p{font-family:Helvetica,Arial,sans-serif}h2{font-size:3rem}h3{font-size:2.4rem}h4{font-size:2rem}h5,p{font-size:1.8rem}@media (min-width:1279px){h2{font-size:3.8rem}}@media (max-width:518px) or (max-height:420px){h2{font-size:2rem}h3{font-size:1.6rem}h4{font-size:1.2rem}h5,p{font-size:1rem}}#animation-wrapper{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;overflow:hidden}#text-wrapper{justify-items:left;align-items:left;flex-direction:column;width:100%;height:100%;display:flex;position:fixed}#svg-container{width:auto;height:auto;overflow:visible}#line-wrapper{width:auto;height:auto;position:fixed}#line-svg{stroke-dasharray:var(--line-length);stroke-dashoffset:var(--line-length);animation:3s ease-in-out forwards drawLine}h2,h3,h4,h5{opacity:0}h4:after{content:"";background-color:#000;width:50%;height:1px;margin:10px auto;display:block;position:absolute}#headline{width:100vw;height:auto;display:block;position:absolute}#services{align-items:left;flex-direction:column;width:auto;height:auto;margin:auto;display:flex;position:absolute;bottom:10vh}#line-1{animation:1s ease-in 12s forwards textSlideUp;position:absolute}#line-2{padding-right:5vw;animation:1s ease-in 13s forwards textSlideDown;position:absolute}h4,h5{margin:12px;animation:1s ease-in 14s forwards textSlideRight}h4:after{opacity:0;animation:1s ease-in 18s forwards textSlideRight}@media (max-width:518px){#firstsvg{animation:2s ease-in-out 6s forwards scaleDownVSmall;transform:scale(.2)}:root{--translate-x:calc(-50vw + 50px);--translate-y:calc(-50vh + 50px)}}@media (max-width:518px) and (min-height:520px){#firstsvg{animation:2s ease-in-out 6s forwards scaleDownVSmall;transform:scale(.2)}:root{--translate-x:calc(-50vw + 75px);--translate-y:calc(-50vh + 220px)}}h2,h3{margin:0}@media (min-width:519px) and (max-height:400px){#firstsvg{animation:2s ease-in-out 6s forwards scaleDownVSmall;transform:scale(.2)}h4{margin:6px}h4:after{margin:5px auto}:root{--translate-x:calc(-50vw + 150px);--translate-y:calc(-50vh + 70px)}}@media (min-width:519px) and (min-height:401px){#firstsvg{animation:2s ease-in-out 6s forwards scaleDownSmall;transform:scale(.25)}:root{--translate-x:calc(-50vw + 150px);--translate-y:calc(-50vh + 100px)}}@media (min-width:720px) and (min-height:421px){#firstsvg{animation:2s ease-in-out 6s forwards scaleDownSmall;transform:scale(.25)}:root{--translate-x:calc(-50vw + 200px);--translate-y:calc(-50vh + 160px)}}@media (min-width:520px) and (min-height:700px){#firstsvg{animation:2s ease-in-out 6s forwards scaleDownSmall;transform:scale(.25)}:root{--translate-x:calc(-50vw + 200px);--translate-y:calc(-25vh)}}@media (min-width:1219px) and (min-height:500px){#firstsvg{animation:2s ease-in-out 6s forwards scaleDown;transform:scale(.5)}:root{--translate-x:calc(-50vw + 350px);--translate-y:calc(-50vh + 150px)}}@media (min-width:1365px) and (min-height:600px){#firstsvg{animation:2s ease-in-out 6s forwards scaleDown;transform:scale(.5)}:root{--translate-x:calc(-50vw + 400px);--translate-y:calc(-50vh + 200px)}}@keyframes textSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translate(0)}}@keyframes textSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translate(0)}}@keyframes textSlideRight{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes moveUpAndLeft{0%{transform:translate(0)}33%{transform:translate(0)}66%{transform:translate(0px,var(--translate-y))}to{transform:translate(var(--translate-x),var(--translate-y))}}@keyframes scaleDown{0%{transform:scale(.5)}to{transform:scale(.25)}}@keyframes scaleDownSmall{0%{transform:scale(.25)}to{transform:scale(.125)}}@keyframes scaleDownVSmall{0%{transform:scale(.2)}to{transform:scale(.1)}}@keyframes draw{0%{stroke-dashoffset:var(--line-length)}25%{stroke-dashoffset:0}75%{stroke-dashoffset:0}to{stroke-dashoffset:var(--line-length)}}@keyframes drawLine{0%{stroke-dashoffset:var(--line-length)}to{stroke-dashoffset:0}}@keyframes fadeIn{0%{fill-opacity:0}50%{fill-opacity:.3}75%{fill-opacity:.5}to{fill-opacity:0}}.face{fill-opacity:0;animation:8s forwards fadeIn}line{stroke-dasharray:var(--line-length);stroke-dashoffset:var(--line-length);animation:8s forwards draw}#svg-container{animation:4s ease-in-out 6s forwards moveUpAndLeft}.underline-trigger:after{content:"";background-color:#000;width:80%;height:1px;margin:8px auto;display:block;position:absolute}@media (min-width:519px) and (max-height:319px){.underline-trigger:after{margin:0}}