@keyframes slideOutDown{
            0%{
                transform:translateZ(0)
            }to{
                transform:translate3d(0,101%,0)
            }
        }
        @keyframes slideOutRight{
            0%{
                transform:translateZ(0)
            }to{
                transform:translate3d(100%,0,0)
            }
        }
        @keyframes slideOutLeft{
            0%{
                transform:translateZ(0)
            }to{
                transform:translate3d(-100%,0,0)
            }
        }
        @keyframes slideOutUp{
            0%{
                transform:translateZ(0)
            }to{
                transform:translate3d(0,-101%,0)
            }
        }
        @keyframes slideInLeft{
            0%{
                transform:translate3d(-101%,0,0)
            }to{
                transform:translateZ(0)
            }
        }
        @keyframes slideInRight{
            0%{
                transform:translate3d(101%,0,0)
            }to{
                transform:translateZ(0)
            }
        }
        @keyframes slideInUp{
            0%{
                transform:translate3d(0,-101%,0)
            }to{
                transform:translateZ(0)
            }
        }
        @keyframes slideInDown{
            0%{
                transform:translate3d(0,101%,0)
            }to{
                transform:translateZ(0)
            }
        }
        
        @-webkit-keyframes badgeSlideIn{
            0%{
                -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
                animation-timing-function:cubic-bezier(.215,.61,.355,1);
                opacity:0;
                transform:translateY(40%)
            }40%{
                -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
                animation-timing-function:cubic-bezier(.215,.61,.355,1);
                transform:translateY(-10%)
            }to{
                -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
                animation-timing-function:cubic-bezier(.215,.61,.355,1);
                opacity:1;
                transform:translateY(0)
            }
        }
        .badgeSlideIn{
            animation:badgeSlideIn .5s cubic-bezier(.215,.61,.355,1) forwards;
        }
        @keyframes badgeSlideOut{
            0%{
                -webkit-animation-timing-function:ease;
                animation-timing-function:ease;
                -webkit-animation-delay:0;
                animation-delay:0;
                opacity:1;
                transform:translateY(0%);
            }to{
                -webkit-animation-timing-function:ease;
                animation-timing-function:ease;
                opacity:0;
                transform:translateY(40%)
            }
        }
        .badgeSlideOut{
            animation:badgeSlideOut .3s ease forwards;
        }
        
        @keyframes logoBlink{
            0%{
                opacity: 0;
            }5%{
                opacity: .3;
            }8%{
                opacity: .15;
            }12%{
                opacity: .5;
            }17%{
                opacity: .35;
            }20%{
                opacity: .42;
            }25%{
                opacity: .16;
            }35%{
                opacity: .6;
            }42%{
                opacity: .4;
            }50%{
                opacity: .5;
            }55%{
                opacity: .45;
            }64%{
                opacity: .75;
            }70%{
                opacity: .6;
            }77%{
                opacity: .72;
            }85%{
                opacity: .68;
            }100%{
                opacity: 1;
            }
        }

        @keyframes shake{
            0%{
                transform:translate(1px,1px) rotate(0deg)
            }10%{
                transform:translate(-1px,-2px) rotate(-1deg)
            }20%{
                transform:translate(-3px,0) rotate(1deg)
            }30%{
                transform:translate(3px,2px) rotate(0deg)
            }40%{
                transform:translate(1px,-1px) rotate(1deg)
            }50%{
                transform:translate(-1px,2px) rotate(-1deg)
            }60%{
                transform:translate(-3px,1px) rotate(0deg)
            }70%{
                transform:translate(3px,1px) rotate(-1deg)
            }80%{
                transform:translate(-1px,-1px) rotate(1deg)
            }90%{
                transform:translate(1px,2px) rotate(0deg)
            }100%{
                transform:translate(1px,-2px) rotate(-1deg)
            }
        }