.llaves{
    font-size: 23px;
    color: rgba(255, 255, 255, 0.6);
    display: inline-block;
    font-family: "Jost", sans-serif;
    font-weight: bold;
    position: relative;
  }
  .llaves:before{
    content: '';
    animation: 5s print linear alternate infinite;
  }
  .llaves:after{
    content: '';
    position: absolute;
    right: -4px;
    top: 50%;
    transform: translatey(-45%);
    width: 2px;
    height: 1.3em;
    background: currentColor;
    opacity: 0.8;
    animation: 2s blink steps(37) infinite;
  }
  
  @keyframes blink {
    0%  { visibility: hidden;}
    100%  { visibility: visible;}
  }
  @keyframes print {
    0% { content: 'D'}
    2% { content: 'Di'}
    4% { content: 'Dis'}
    6% { content: 'Dise'}
    8% { content: 'Diseñ'}
    10% { content: 'Diseño'}
    12% { content: 'Diseño y'}
    14% { content: 'Diseño y D'}
    16% { content: 'Diseño y De'}    
    18 { content: 'Diseño y Des'}
    20% { content: 'Diseño y Desar'}
    22% { content: 'Diseño y Desarr'}
    24% { content: 'Diseño y Desarro'}
    26% { content: 'Diseño y Desarrol'}
    28% { content: 'Diseño y Desarroll'}
    30% { content: 'Diseño y Desarrollo'}
    32% { content: 'Diseño y Desarrollo '}
    34% { content: 'Diseño y Desarrollo W'}
    36% { content: 'Diseño y Desarrollo We'}
    38% { content: 'Diseño y Desarrollo Web'}
    40% { content: 'Diseño y Desarrollo Web,'}
    42% { content: 'Diseño y Desarrollo Web, '}
    44% { content: 'Diseño y Desarrollo Web, M'}
    46% { content: 'Diseño y Desarrollo Web, Mó'}
    48% { content: 'Diseño y Desarrollo Web, Móv'}
    50% { content: 'Diseño y Desarrollo Web, Móvi'}
    52% { content: 'Diseño y Desarrollo Web, Móvil'}
    54% { content: 'Diseño y Desarrollo Web, Móvil '}
    56% { content: 'Diseño y Desarrollo Web, Móvil e'}
    58% { content: 'Diseño y Desarrollo Web, Móvil e '}
    60% { content: 'Diseño y Desarrollo Web, Móvil e H'}
    65% { content: 'Diseño y Desarrollo Web, Móvil e Hi'}
    70% { content: 'Diseño y Desarrollo Web, Móvil e Hib'}
    75% { content: 'Diseño y Desarrollo Web, Móvil e Hibr'}
    80% { content: 'Diseño y Desarrollo Web, Móvil e Hibri'}
    85% { content: 'Diseño y Desarrollo Web, Móvil e Hibrid'}
    90% { content: 'Diseño y Desarrollo Web, Móvil e Hibrido'}
    95% { content: 'Diseño y Desarrollo Web, Móvil e Hibrido.'}
    97% { content: 'Diseño y Desarrollo Web, Móvil e Hibrido..'}
    100% { content: 'Diseño y Desarrollo Web, Móvil e Hibrido...'}
  }