.circle {
    position: relative;
    width: 200px;
    height: 200px;
    border-radius: 100vmax;
    display: flex;
    align-items: center;
    justify-content: center;
  }


  .text {
      position: absolute;
      width: 100%;
      height: 100%;
      font-family: consolas;
      color: #fff;
      font-size: 17px;
      animation: textRotation 17s linear infinite;
  }

  @keyframes textRotation {
      to {
          transform: rotate(-360deg);
      }
  }

  .text span {
      position: absolute;
      left: 50%;
      font-size: 1.2em;
      transform-origin: 0 150px; /* increased from 100px */
  }