.slideIn{
    animation: slideIn 0.5s ease;;
}

@keyframes slideIn{
    0%{
        top:100%;        
    }
    100%{
        top:2%;
    }
}

.rotate{
    animation: rotate 1s ease;
}
@keyframes rotate {
    0%{
        transform: rotateZ(0deg);
    }
    50%{
        transform: rotateZ(180deg);
    }
    100%{
        transform: rotateZ(360deg);
    }
}

.rotateB{
    animation: rotateB 0.5s linear;
}
@keyframes rotateB {
    0%{
        transform: rotateZ(0deg);
    }
    100%{
        transform: rotateZ(180deg);
    }
}