@keyframes fade-down {
    0% { opacity: 0; transform:translateY(-40px); }
    100% { opacity: 1; transform:translateY(0); }
}

@keyframes zoom-in {
    0% { transform: scale(.7); opacity: 0; }
    100% { opacity: 1; }
}

@keyframes zoom-out {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(.7); opacity: 0; }
    100% { opacity: 0;  }
}

@keyframes loader-rotate {
    0% { transform: rotate(0deg); }
    20% { transform: rotate(100deg); animation-timing-function: linear; }
    80% { transform: rotate(200deg); animation-timing-function: ease-in; }
    100% { transform: rotate(360deg); }
}

@keyframes picto-bounce {
    0% { transform: translateY(0); }
    40% { transform: translateY(-10px); }
    70% { transform: translateY(0); }
    80% { transform: translateY(-5px); }
    90% { transform: translateY(0); }
    95% { transform: translateY(-2px); }
    100% { transform: translateY(0); }
}