/* Update body background color */
        body {
            background: #000e29;
          }
      
          /* Styles for the warning pop-up */
          #warning-popup {
            display: none;
            position: fixed;
            top: 20px;
            right: 20px;
            background-color: rgb(0, 0, 0); /* Yellow background color */
            padding: 20px;
            color: white;
            text-align: center;
            width: 300px;
            border-radius: 5px;
            animation: fadeIn 1s ease-in-out; /* Add a fade-in animation */
            transition: opacity 0.5s; /* Add a transition for hiding the pop-up */
            box-shadow: 0px 0px 10px rgb(255, 238, 0); /* Add a shadow */
          }
      
          /* Text glow effect */
      /* Text glow effect */
      .warning {
        font-size: 18px;
        color: #ffb40b;
        text-shadow: 0 0 10px rgba(255, 180, 11, 1); /* Text glow effect */
      }
  
      /* Add warning animation to the icon */
      .warning-emoji {
        animation: warning-animation 0.5s infinite alternate;
      }
  
      /* Font Awesome flash animation */
      .faa-flash.animated {
        animation: flash 2s infinite;
      }
  
      @keyframes flash {
        0%, 100% {
          opacity: 1;
        }
        50% {
          opacity: 0;
        }
      }
  
      @keyframes warning-animation {
        0%, 100% {
          transform: translateX(0);
        }
        25% {
          transform: translateX(-5px);
        }
        50% {
          transform: translateX(5px);
        }
        75% {
          transform: translateX(-5px);
        }
      }