@keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.05); }
            100% { transform: scale(1); }
        }
        @keyframes coinBounce {
            0% { transform: translateY(0) rotate(0deg); opacity: 1; }
            100% { transform: translateY(-100px) rotate(360deg); opacity: 0; }
        }
        .click-animation {
            animation: pulse 0.1s ease-in-out;
        }
        .coin-float {
            position: absolute;
            animation: coinBounce 1s forwards;
        }
       
          
    #task1-progress {
  max-width: 100%;
}

          
          .progress-bar {
  
 

 
  border-radius: 5px;
  overflow: hiddn;
           
  height: 100%;
 
  
 
          
          
            transition: width 0.5s ease-in-out;
        }