@keyframes spin-out {

    0% {
    transform: rotateY(0);
}
    100% {
    transform: rotateY(90deg);
}

}

@keyframes spin-in {

    0% {
    transform: rotateY(90deg);
}
    100% {
    transform: rotateY(180deg);
}

}

@keyframes spin {

    0% {
    transform: rotateY(0);
}
    100% {
    transform: rotateY(360deg);
}

}

@keyframes fade-out {

0% {
        opacity: 1.0;
}
100% {
        opacity: 0.0;
}

}

@keyframes open {

    0% {
    transform: rotateX(0deg);
}
    100% {
    transform: rotateX(180deg);
}

}

@keyframes open-close {

    0% {
    transform: rotateX(10deg);
}
    50% {
    transform: rotateX(180deg);
}
    100% {
    transform: rotateX(10deg);
}

}