.from-top
{
    animation: from-top 0.5s ease forwards;
}
@keyframes from-top {
    0%
    {
        opacity: 0;
        transform: translateX(-300px) scale(0.5);
    }
    70%
    {
        transform: translateX(0px) scale(0.5);
    }
    100%
    {
        transform: scale(1);
    }
}