.dist .card{height:auto;overflow:hidden;padding:2rem;color:#fff;position:relative;box-shadow:0 .25rem .25rem rgba(0,0,0,.2),0 0 1rem rgba(0,0,0,.2);border-radius:6px;background:linear-gradient(270deg,#006291,#16b3ff,#006291)}.dist .card__image-container{margin:-2rem -2rem 1rem}.dist .card__line{animation:LineFadeIn .8s ease-in .8s forwards;opacity:0}.dist .card__image{animation:ImageFadeIn .8s 1.4s forwards;opacity:0}.dist .card__title{font-weight:800;color:#fff;letter-spacing:.01em;margin-top:0}.dist .card__content{animation:ContentFadeIn .8s 1.6s forwards;opacity:0;margin-top:-1rem}.dist .card__svg{position:absolute;top:115px;left:0}@keyframes LineFadeIn{0%{opacity:0;stroke:#fff;d:path("M 0 300 Q 0 300 0 300 Q 0 300 0 300 C 0 300 0 300 0 300 Q 0 300 0 300 ")}50%{opacity:1;stroke:#888bff;d:path("M 0 300 Q 50 300 100 300 Q 250 300 350 300 C 350 300 500 300 650 300 Q 750 300 800 300")}to{opacity:1;stroke:#545581;d:path("M -2 100 Q 50 200 100 250 Q 250 400 350 300 C 400 250 550 150 650 300 Q 750 450 802 400")}}@keyframes ContentFadeIn{0%{transform:translateY(-1rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes ImageFadeIn{0%{transform:translate(-.5rem,-.5rem) scale(1.05);filter:blur(2px);opacity:0}50%{filter:blur(2px);opacity:1}to{transform:translateY(0) scale(1);filter:blur(0);opacity:1}}