body{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}div,img{position:absolute;background-repeat:no-repeat;background-size:contain}#wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:white;border-style:solid;border-color:black;border-width:1px;overflow:hidden}.hide{opacity:0;pointer-events:none}.click{cursor:pointer}#animation{cursor:pointer}#animation div{-webkit-transition:0.5s;transition:0.5s}

#wrapper{width:728px;height:90px}#animation{width:728px;height:90px;position:relative;overflow:hidden}#animation #logo-2{background-image:url("./logo.svg");width:175px;height:57px;top:17px;left:276px;-webkit-transform-origin:74% 0%;transform-origin:74% 0%}#animation #dot-container{width:53px;height:53px;right:218px;top:17px;opacity:0;-webkit-transform-origin:67% 55%;transform-origin:67% 55%}#animation #dot-container #circle{width:100%;height:100%;border-radius:50%;background:-webkit-gradient(linear, left top, right top, color-stop(20%, #e55200), color-stop(80%, #ab0a3c));background:linear-gradient(90deg, #e55200 20%, #ab0a3c 80%)}#animation #lines-2{position:relative;background-image:url("./lines.png");background-size:cover;width:100%;height:100%;right:0;opacity:0}#animation #text-we-at{background-image:url("./text-we-at.png");top:35px;left:194px;width:340px;height:20px;opacity:0}#animation .text-container{top:35px;left:43px;display:-webkit-box;display:-ms-flexbox;display:flex}#animation #text-to-addressing{position:relative;background-image:url("./text-to-addressing.png");width:315px;height:22px;opacity:0;top:1px}#animation #text-geographic-atrophy{position:relative;background-image:url("./text-geographic-atrophy.png");width:253px;height:21px;opacity:0;left:4px}#animation #dotted-arrow{background-image:url("./dotted-arrow.svg");top:33px;left:610px;width:30px;height:26px;opacity:0}#animation #text-learn-about{background-image:url("./text-learn-about.png");top:35px;left:728px;width:365px;height:20px;opacity:0}#animation #code{background-image:url("./code.png");top:73px;left:370px;width:267px;height:8px;opacity:0}#animation #logo{background-image:url("./logo.svg");width:61.5px;height:20px;top:65px;left:645px;opacity:0}#animation.frame-1 #logo-2{-webkit-transform:scale(6);transform:scale(6);opacity:0;-webkit-transition:opacity 1s linear 1.4s, -webkit-transform 1.8s linear 0s;transition:opacity 1s linear 1.4s, -webkit-transform 1.8s linear 0s;transition:transform 1.8s linear 0s, opacity 1s linear 1.4s;transition:transform 1.8s linear 0s, opacity 1s linear 1.4s, -webkit-transform 1.8s linear 0s}#animation.frame-1 #dot-container{opacity:1;-webkit-transform:scale(14.5);transform:scale(14.5);-webkit-transition:opacity 1s linear 1.6s, margin-top .5s linear 0s, -webkit-transform 2s linear 1.8s;transition:opacity 1s linear 1.6s, margin-top .5s linear 0s, -webkit-transform 2s linear 1.8s;transition:opacity 1s linear 1.6s, transform 2s linear 1.8s, margin-top .5s linear 0s;transition:opacity 1s linear 1.6s, transform 2s linear 1.8s, margin-top .5s linear 0s, -webkit-transform 2s linear 1.8s}#animation.frame-1 #lines-2{-webkit-transition:all 2s ease-in-out 2s;transition:all 2s ease-in-out 2s;opacity:.6}#animation.frame-3 #text-we-at{opacity:1}#animation.frame-4 #dot-container{-webkit-transition:all 2.5s linear 0s;transition:all 2.5s linear 0s;margin-right:110px}#animation.frame-4 #lines-2{-webkit-transition:all 2.5s linear 0s;transition:all 2.5s linear 0s;margin-left:-110px}#animation.frame-4 #text-we-at{opacity:0;margin-left:-110px;-webkit-transition:opacity 1s linear .5s, margin-left 1.5s linear 0s;transition:opacity 1s linear .5s, margin-left 1.5s linear 0s}#animation.frame-4 #text-to-addressing,#animation.frame-4 #text-geographic-atrophy{-webkit-transition-delay:1.4s;transition-delay:1.4s;opacity:1}#animation.frame-5 #dot-container{-webkit-transition:all 2.5s linear 0s;transition:all 2.5s linear 0s;margin-right:270px}#animation.frame-5 #lines-2{-webkit-transition:all 2.5s linear 0s;transition:all 2.5s linear 0s;margin-left:-270px}#animation.frame-5 .text-container{-webkit-transition:all 2.5s linear 0s;transition:all 2.5s linear 0s;margin-left:-180px}#animation.frame-5 #dotted-arrow{-webkit-transition:all 2.5s linear 0s;transition:all 2.5s linear 0s;margin-left:-170px;opacity:1}#animation.frame-5 #text-learn-about{-webkit-transition:all 2.5s linear 0s;transition:all 2.5s linear 0s;margin-left:-224px;opacity:1}#animation.frame-6 #dot-container{-webkit-transition:all 2.5s linear 0s;transition:all 2.5s linear 0s;margin-right:410px}#animation.frame-6 #lines-2{-webkit-transition:all 2.5s linear 0s;transition:all 2.5s linear 0s;margin-left:-410px}#animation.frame-6 .text-container{-webkit-transition:all 2.5s linear 0s;transition:all 2.5s linear 0s;margin-left:-345px}#animation.frame-6 #text-to-addressing{-webkit-transition:all 2s linear 0s;transition:all 2s linear 0s;opacity:0}#animation.frame-6 #dotted-arrow{-webkit-transition:all 2.5s linear 0s;transition:all 2.5s linear 0s;margin-left:-330px}#animation.frame-6 #text-learn-about{-webkit-transition:all 2.5s linear 0s;transition:all 2.5s linear 0s;margin-left:-380px}#animation.frame-6 #code{-webkit-transition:all 1s linear 2s;transition:all 1s linear 2s;opacity:1}#animation.frame-6 #logo{-webkit-transition:all 1s linear 2s;transition:all 1s linear 2s;opacity:1}