.entrada{

    animation:
    entrada 0.7s cubic-bezier(0.22,1,0.36,1);
}

/* ANIMACION SALIDA */

.salida{

    animation:
    salida 0.6s cubic-bezier(0.22,1,0.36,1)
    forwards;
}

/* KEYFRAMES */

@keyframes entrada{

    from{

        opacity:0;

        transform:
        translateY(30px)
        scale(0.95);

        filter:blur(10px);
    }

    to{

        opacity:1;

        transform:
        translateY(0)
        scale(1);

        filter:blur(0);
    }
}

@keyframes salida{

    from{

        opacity:1;

        transform:
        translateY(0)
        scale(1);

        filter:blur(0);
    }

    to{

        opacity:0;

        transform:
        translateY(-30px)
        scale(0.95);

        filter:blur(10px);
    }
}