body{
    background-image: url('../images/chessImages/wood.jpg'); 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-position: center; 
    background-attachment: fixed; 
}

.balloon {
      position: fixed;
      bottom: 20px;
      right: 20px;
      padding: 12px 20px;
      border-radius: 20px;
      color: white;
      font-weight: bold;
      box-shadow: 0 4px 8px rgba(0,0,0,0.2);
      opacity: 0;
      transform: translateY(20px);
      transition: opacity 0.3s ease, transform 0.3s ease;
      z-index: 1000;
}
.balloon.show {
      opacity: 1;
      transform: translateY(0);
}

.balloon.success { background-color: #28a745; } /* green */

.balloon.error { background-color: #dc3545; }