Não anima

Fiz esse codigo mas ele não esta animando as citações

h1 {
    -webkit-animation: aparece 2s;
    animation: aparece 2s;
}

@-webkit-keyframes aparece {    
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes aparece {    
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.citacao-bio {
    background-color: #D9E5E3;
    border: .5em solid #C2CCCA;
    padding: 1em;
    margin: 1em 2em;
    width: 30ch;
    box-sizing: border-box;
    transition: transform 1s, box-shadow 2s;
    transition-delay: 0s, 1s;
     position: relative;
    -webkit-animation: quica 1s infinite;
    animation: quica 1s infinite;}


@-webkit-keyframes quica {
    from {
        top: 0;
    }
    to {
        top: 1 em;
    }
}

@keyframes quica {
    from {
        top: 0;
    }
    to {
        top: 1 em;
    }
}

Não consegui achar o erro peço ajuda por favor