JSFiddle - React, Tailwind, and code Playground

HTML

<aside id="lateral">
    
  <div id="lado_esquerdo_menu" class="nano">
    <ul class="nano-content">
      <li>
          <a href="index.html"><span id="home">HOME</span></a><br><br>
      </li>
      <li class="sub-menu">
        <a><i class="arrow fa fa-angle-right pull-right"></i>Camisetas</a><br><br>
       
      </li>
      <li class="sub-menu">
        <a><i class="arrow fa fa-angle-right pull-right"></i>Calçados</a><br><br>
       
      </li>
      <li class="sub-menu">
        <a><i class="arrow fa fa-angle-right pull-right"></i>Bermudas</a><br><br>
     
      </li>
      
         <li class="sub-menu">
        <a><i class="arrow fa fa-angle-right pull-right"></i>Contato</a>
     
      </li>
  
    </ul>
  </div>

</aside>

CSS

.nano-content li :hover{
    background-color: white;
    width: 100%;
    color:#00008B;
    font-size: 13pt;
    -webkit-animation: moveFromLeftRotate 300ms ease;
    -moz-animation: moveFromLeftRotate 300ms ease;
    -ms-animation: moveFromLeftRotate 300ms ease;
}

@-webkit-keyframes moveFromLeftRotate{
    from {
        -webkit-transform: translateX(-100%) rotate(-90deg);
    }
    to {
        -webkit-transform: translateX(0%) rotate(0deg);
    }
}
@-moz-keyframes moveFromLeftRotate{
    from {
        -moz-transform: translateX(-100%) rotate(-90deg);
    }
    to {
        -moz-transform: translateX(0%) rotate(0deg);
    }
}
@-ms-keyframes moveFromLeftRotate{
    from {
        -ms-transform: translateX(-100%) rotate(-90deg);
    }
    to {
        -ms-transform: translateX(0%) rotate(0deg);
    }
}

            
.nano-content a :hover {

    color:#00008B !important;
}
            .nano-content {
                margin-left: 20px;
                font-size: 11pt;
                  font-family: 'css';
            }
            
             #lateral{
                float:left; 
            
                padding: 5px; 
                width: 35%; 
                    height: 100%;
                    overflow:auto; 
                     background-color: #00008B;
                     margin-top: 35px;
                     
            }