body {
      background-color: #11232e;
      color: #4fa7ff;
      font-family: monospace;
      padding: 20px;
      font-size: 18px;
    }

    .ascii-art {
      white-space: pre;
      color: #ff3737;
      font-size: 14px;
      margin-bottom: 2em;
    }

    .prompt::before {
      content: "$ ";
      color: #ff3737;
    }

    .info {
      margin-left: 2em;
    }

    span {
      color: #ff7474;
    }

    .blue {
      color: #4fa7ff;
    }

    .terminal-line {
      display: none;
    }

    #loading {
      color: #ff3737;
      display: inline-block;
    }

    @keyframes dots {
      0% { content: ''; }
      25% { content: '.'; }
      50% { content: '..'; }
      75% { content: '...'; }
    }

    #dots::after {
      content: '';
      animation: blink 1s steps(4, end) infinite;
    }

    @keyframes blink {
      0% { content: ''; }
      25% { content: '.'; }
      50% { content: '..'; }
      75% { content: '...'; }
      100% { content: ''; }
    }
    a {
        text-decoration: none;
            color: #4fa7ff;
    }