pre2 {
    font-size: 3.6rem;
    line-height: 7.5rem;
    margin: 1rem 0 0 1rem;
    padding: 2rem;
    background-color: #151718; /* Black background */
    color: #e6cd69;
    border-radius: 12px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
    display: inline-block; /* Ensure box wraps content */
    width: auto; /* Automatically adjust to content */
    max-width: 100%; /* Ensure it doesn't overflow */
  }
  
  code2 {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 400;
  }
  i,
  b,
  u,
  em,
  strong {
    text-decoration: none;
    font-weight: 400;
    font-style: normal;
    color: #55b5db;
  }
  em {
    color: #a074c4;
  }
  strong {
    color: #9fca56;
  }
  u {
    color: #eeeeee;
  }
  s {
    color: #666666;
    text-decoration: none;
  }
  .lineOfCode {
    animation: typingEffect 1800ms steps(14, end) forwards 1000ms,
      caretAnim 500ms steps(2, end) 0s infinite;
    overflow: hidden;
    padding: 0;
    margin: 0;
    width: 0;
    height: auto;
    border-right: 2px solid #ffffff;
  }
  .lineOfCode:nth-of-type(2) {
    height: 0;
    animation-delay: 3100ms;
  }
  .lineOfCode:nth-of-type(3) {
    height: 0;
    animation-delay: 5200ms;
  }
  
  @keyframes typingEffect {
    0% {
      border-width: 2px;
    }
    5% {
      width: 0;
      height: auto;
      border-width: 2px;
    }
    93% {
      border-width: 2px;
    }
    100% {
      width: 34ch;
      height: auto;
      border-width: 0;
    }
  }
  @keyframes caretAnim {
    0% {
      border-color: transparent;
    }
    50% {
      border-color: #ffffff;
    }
    100% {
      border-color: transparent;
    }
  }