/* Stili generali per il body */
body {
    font-family: Arial, sans-serif;
    display: block;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    background: linear-gradient(to right, #f4f4f4,rgba(209, 209, 209, 0.82));
  }
  
  /* Stile per il titolo dell'applicazione */
  h1 {
    display: block;
    text-align: center;
    font-size: 2.5em;
    margin-bottom: 20px;
  }

  /* Stile per il contenitore dell'applicazione */
  #counter-app {
    display: flex;
    text-align: center;
    justify-content: center;
    background: #fff;
    padding: 2.5rem 4rem;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  }
  
  /* Stile per la visualizzazione del counter */
  #counter-display {
    font-size: 3.5em;
    margin: 0 20px;
    min-width: 50px;
    text-align: center;
  }
  
  /* Stile per i pulsanti */
  button {
    font-size: 1.5em;
    padding: 10px 20px;
    cursor: pointer;
    border: none;
    background-color: #3498db;
    color: #fff;
    border-radius: 5px;
    transition: background-color 0.3s ease, transform 0.1s ease;
  }
  
  button:hover {
    background-color: #2980b9;
  }
  
  button.active {
    background-color: #2980b9;
    transform: scale(0.95); 
}