@keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fade-out {
    from { opacity: 1; }
    to { opacity: 0 ; }
}

@keyframes fadein {
    from { filter: opacity(0); }
    to { filter: opacity(1); }
}

@keyframes fadeout {
    from { filter: opacity(1); }
    to { filter: opacity(0) ; }
}

@keyframes rotate {
    0% {transform: rotate(0deg)}
    100% {transform: rotate(360deg)}
}

@keyframes titilar {
    0% {
        content: '';
    }
    33% {
        content: '.';
    }
    66% {
        content: '..';
    }
    100% {
        content: '...';
    }
}