.round-button {
      width: 50px;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      transition: transform 0.3s ease, background-color 0.3s ease;
      background-color: #00000000;
    }
    .round-button:hover {
      transform: scale(1.5);
      background-color: #1c59af00;
    }
    .blurred-bg {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      filter: blur(5px);
      opacity: 0.7;
      object-fit: cover;
    }
    .typing-animation {
      animation: typing 1.5s steps(var(--char-count)) forwards, blink-caret .75s step-end infinite;
    }
    .blink-only {
      animation: blink-caret .75s step-end infinite;
    }
    .hide-caret {
      border-right-color: transparent !important;
    }
    .font-consolas {
      font-family: 'Consolas', monospace;
    }


    #ip-address {
      font-family: 'Consolas', monospace;
      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
      color: #ffffff;
    }
    #rotating-text {
      display: inline-block;
      overflow: hidden;
      font-family: 'Consolas', monospace;
      white-space: nowrap;
      border-right: 2px solid white; 
      animation: none; 
      color: rgb(255, 255, 255);
    }
    @keyframes typing {
      from { width: 0; }
      to { width: 100%; }
    }
    @keyframes blink-caret {
      from, to { border-color: transparent; }
      50% { border-color: white; }
    }
    @keyframes fade-out {
      from { opacity: 1; }
      to { opacity: 0; }
    }