*{margin:0;padding:0;box-sizing:border-box;--primary-color: #00df5f}body{animation:body-color-animation 80s infinite alternate}.bg-container{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.bg-container .stroke-animation{animation-name:stroke-anim;stroke-dasharray:1000;stroke:var(--primary-color);fill:transparent;animation-timing-function:linear;animation-fill-mode:forwards}.bg-container .cross-rect{position:absolute;right:0;top:150px;width:45%;stroke-width:.05;animation-duration:120s;animation-delay:23s;stroke-dashoffset:1000}.bg-container .dashed-rect{position:absolute;right:0;bottom:0;width:30%;stroke:var(--primary-color);stroke-dasharray:10,10;stroke-dashoffset:0;animation:dash-anim 7s linear infinite}.bg-container .double-rect{position:absolute;left:0;bottom:150px;width:30%;stroke-width:.2;animation-duration:50s;animation-delay:11s;stroke-dashoffset:1000}.bg-container .rect{position:absolute;left:0;top:200px;width:45%;stroke-width:.2;animation-duration:70s}.wave-mask{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;-webkit-mask-image:url(/slogan.svg);mask-image:url(/slogan.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:95% 50px;mask-position:95% 50px;-webkit-mask-size:55%;mask-size:55%}.wave-mask:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(/slogan-outline.svg);background-size:55%;background-repeat:no-repeat;background-position:95% 50px}.wave-svg{width:65%;position:absolute;right:0;top:0}.logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);width:70%}.logo path:not(.wavy-line),.logo circle,.logo rect{stroke-dasharray:1000;animation:stroke-anim,logo-color-anim;animation-duration:10s,13s;animation-delay:0s,5.5s;animation-fill-mode:forwards;stroke:#000;stroke-width:1;fill:transparent}.logo .wavy-line{stroke-dasharray:1000;animation:logo-stroke-anim,line-color-anim;animation-duration:6.5s,3s;animation-delay:11s,13.5s;animation-fill-mode:forwards;stroke:var(--primary-color);stroke-width:0;fill:transparent}@media (max-width: 768px){.wave-mask{-webkit-mask-position:95% 20px;mask-position:95% 20px}.wave-mask:after{background-position:95% 20px}}@keyframes line-color-anim{0%{fill:transparent}to{fill:var(--primary-color)}}@keyframes logo-color-anim{0%{fill:transparent}to{fill:#000}}@keyframes logo-stroke-anim{0%{stroke-width:1;stroke-dashoffset:1000}to{stroke-width:1;stroke-dashoffset:0}}@keyframes stroke-anim{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes body-color-animation{0%{background-color:#fff}25%{background-color:#d4e9fb}50%{background-color:#ffedd9}75%{background-color:#f97dcf}to{background-color:#e71f77}}@keyframes dash-anim{to{stroke-dashoffset:100}}