/* ANIMATIONS: the hero line drawing itself and the floating shapes in the sign-in panel. */

@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* the hero line draws itself once */
.hero-mark .draw{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.6s cubic-bezier(.65,0,.35,1) .2s forwards}
.hero-mark .head{opacity:0;animation:headIn .4s ease 1.6s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes headIn{to{opacity:1}}