body {
    background-color: #262626;
    /* Rimuovi il color qui se il nero non è un colore universale, e definiscilo per specifici elementi */
}

/* Titoli centrati e in bianco */
h1 {
   text-align: center;
   color: #ffffff !important;
}

body h1 {
    color: #ffffff !important;
}

/* Stili specifici per le sezioni */
#gauge, #canvas {
   text-align: center;
}

/* Sezione grafico */
#graphe {
   margin-top: 2%;
}

/* Stili generali per i paragrafi */
p {
    background-color: #ffff96;
    color: #000000;
    margin: 0;
}

/* Orologio */
#orologio {
  font-family: 'Roboto', monospace;
  text-align: center;
  position: absolute;
  margin: 100px 2px 20px 2px;
  left: 50%;
  transform: translate(-50%, -50%);
  text-shadow: 0 0 10px #ffffc0, 0 0 5px rgb(0, 10, 10);
}

#orologio .tempo {
  letter-spacing: 0.05em;
  font-size: 80px;
  padding: 5px 0;
}

#orologio .data {
  letter-spacing: 0.1em;
  font-size: 24px;
}

#orologio .testo {
  letter-spacing: 0.1em;
  font-size: 12px;
  padding: 20px 0 0;
}

/* Stile bottoni */
#homebtn .btn {
  background-color: #262626;
  border: none;
  color: white;
  padding: 12px 16px;
  font-size: 10px;
  cursor: pointer;
}

/* Hover sui bottoni */
#homebtn .btn:hover {
  background-color: #6b6b6b;
}