Olá!!! =)

Estou tentando fazer a animação no banner do Twitter, porém acho que estou errando algo... quando eu atualizo a pagina, o banner já aparece fixo, e depois de 2s acontece a animação.

Onde estou errando?

.palavras-home {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    -webkit-animation: entrada 2s;
    animation: entrada 2s;
}
@-webkit-keyframes entrada{
    from{
        transform: scale(0.001);
        opacity: 0;
    }
}
@keyframes{
    from{
        transform: scale(0.001);
        opacity: 0;
    }
}
.banner-twitter {
    position: absolute;
    top: 0;
    right: 0;

    line-height: 1;

    /* largura = 14em */
    /* altura = 3.5em */
    /* tx = .707 * h - .707 * w + w */
    /* ty = -.707 * h */
    -webkit-transform: translate(calc(.707 * (3.5em - 100%) + 100%),
                calc(-.707 * 3.5em)) rotate(45deg);
            transform: translate(calc(.707 * (3.5em - 100%) + 100%),
                calc(-.707 * 3.5em)) rotate(45deg);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;

    width: 14em;
    padding: 1em 0;
    box-sizing: border-box;

    text-align: center;
    text-decoration: none;
    background-color: #3C1D3D;
    color: white;
    border: .25em solid black;

    font-size: 1.2em;
    font-family: "Open Sans Condensed", sans-serif;

    -webkit-animation: entrada .5s;
    animation: entrada .5s;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}