Tabindex não funciona com o blockquote

Não consegui fazer com que o tabindex funcione com o blockquote e também com as tags LI da navegação.

segue o HTML:

 <blockquote class="citacao"  tabintex=1>
      <p>
       João é o melhor desenvolvedor front-end com quem já trabalhei. 
       Muito eficiente e muito capaz. Recomendo sem dúvidas!
      </p>
      <cite>José Souza, Fiat</cite>
    </blockquote>

e o CSS:

.citacao{
    background-color: #D9E5E3;
    padding: 1em 2em;
    margin: 0.8em;
    border: 0.5em solid #C2CCCA;
    border-left-color: rgb(209, 194, 194);
    border-bottom-color: rgb(209, 194, 194);
    box-sizing: border-box;
    width: 35%;
    transition: 0.4s;
    }
    .citacao:hover, 
    .citacao:focus{
    box-shadow: 0 0 0 99999px rgba(0, 0, 0, .8);
    }
    .citacao:nth-of-type(even){
    float: right;
    }
    .citacao:nth-of-type(even):hover,
    citacao:nth-of-type(even):focus{
    transform: rotate(8deg) scale(1.3);
    }
    .citacao:nth-of-type(odd){
    float: left;
    }
    .citacao:nth-of-type(odd):hover,
    citacao:nth-of-type(odd):focus{
    transform: rotate(-8deg) scale(1.3);
    }