.blue-in{animation-name:spring-top-right;animation-duration:1.2s;animation-delay:.3s;animation-fill-mode:both}.black-in{animation-name:spring-top-left;animation-duration:1.5s}.login-top-black-tri{animation-name:proper-spring-top-left;animation-duration:1.5s}.login-bot-black-tri{animation-name:proper-spring-bottom-right;animation-duration:1.5s}.login-top-blue-tri{animation-name:proper-spring-top-right;animation-duration:1.5s}.login-bot-blue-tri{animation-name:proper-spring-bottom-left;animation-duration:1.5s}.tri-fly-out{opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1);transform:translateY(-100px)scale(.8)rotate(30deg)}@keyframes spring-top-right{0%{translate:-80% 150%}50%{translate:-53% 98%}to{translate:-55% 100%}}@keyframes spring-top-left{0%{translate:50% 50%}50%{translate:-3% -3%}to{translate:0%}}@keyframes proper-spring-top-left{0%{translate:-50% -50%}70%{translate:2% 2%}to{translate:0%}}@keyframes proper-spring-bottom-right{0%{translate:50% 50%}70%{translate:-2% -2%}to{translate:0%}}@keyframes proper-spring-top-right{0%{translate:50% -50%}70%{translate:2% 10%}to{translate:0%}}@keyframes proper-spring-bottom-left{0%{translate:-50% 50%}70%{translate:-2% -10%}to{translate:0%}}