@charset "UTF-8";
.fs-10 {
  font-size: 2rem;
}
.boxB-10 {
  top: 4rem;
  padding-top: 2rem;
}
.cursor{
    position: relative;
    width: 24em;
    margin: 0 auto;
    border-right: 2px solid rgba(0,0,0,.5);
    font-size: 1.875rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    transform: translateY(-50%);    
}
/* Animation */
.typewriter-animation {
  animation: 
    typewriter 3s steps(30) .5s 1 normal both, 
    blinkingCursor 500ms steps(30) infinite normal;
}
@keyframes typewriter {
  from { width: 0; }
  to { width: 62%; }
}
@keyframes blinkingCursor{
  from { border-right-color: rgba(0,0,0,.5); }
  to { border-right-color: transparent; }
}

@media (min-width: 52.5rem) {
  .fs-10 {
    font-size: 4rem;
  }
  .boxB-10 {
    top: 20rem;
    padding-top: 6rem;
  }
  @keyframes typewriter {
    from { width: 0; }
    to { width: 44%; }
  }

}