.hide_fade {
    opacity: 0;
}

.xhide_stretch {
    animation: hide_stretch 2s;
}

@keyframes hide_stretch {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(2);
    }
}

.xhide_spin {
    animation: hide_spin 2s;
}

@keyframes hide_spin {
    0% {
        opacity: 1;
        transform: rotate(0);
    }

    100% {
        opacity: 0;
        transform: rotate(1080);
    }
}

.xhide_shrinkNWSE {
    animation: hide_shrinkNWSE 2s;
}

@keyframes hide_shrinkNWSE {
    0% {
        width: 100%;
        height: 100%;
        left: 0%;
        top: 0%;
        opacity: 1;
    }

    100% {
        width: 1%;
        height: 1%;
        left: 99%;
        top: 99%;
        opacity: 0;
    }
}