@-webkit-keyframes FontBigAndSmall {

    60% {
        font-size: 30px;
    }


}

@keyframes FontBigAndSmall {
    60% {
        font-size: 30px;
    }

}


@-webkit-keyframes HideAndShow {
    0% {
        opacity: 0;
    }

    70% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes HideAndShow {
    0% {
        opacity: 0;
    }

    70% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes HideToShow {
    0% {
        opacity: 0;
        z-index: -5;
    }

    100% {
        opacity: 1;
        z-index: 99;
    }
}

@keyframes HideToShow {
    0% {
        opacity: 0;
        z-index: -5;
    }

    100% {
        opacity: 1;
        z-index: 99;
    }
}

@-webkit-keyframes ShowToHide {
    0% {
        opacity: 1;
        z-index: 99;
    }

    100% {
        opacity: 0;
        z-index: -5;
    }
}

@keyframes ShowToHide {
    0% {
        opacity: 1;
        z-index: 99;
    }

    100% {
        opacity: 0;
        z-index: -5;
    }
}

@-webkit-keyframes TopHoming {
    0% {
        top: 40px;
        opacity: 0;
    }

    100% {
        top: 0;
        opacity: 1;
    }
}

@keyframes TopHoming {
    0% {
        top: 40px;
        opacity: 0;
    }

    100% {
        top: 0;
        opacity: 1;
    }
}

@-webkit-keyframes RightHoming {
    0% {
        left: -100vw;
        opacity: 0;
    }

    100% {
        left: 0;
        opacity: 1;
    }
}

@keyframes RightHoming {
    0% {
        left: -100vw;
        opacity: 0;
    }

    100% {
        left: 0;
        opacity: 1;
    }
}

@-webkit-keyframes FlipY {
    0% {
        transform: rotateY(40deg);
        opacity: 0;
    }

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

@keyframes FlipY {
    0% {
        transform: rotate(40deg);
        opacity: 0;
    }

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