@media (max-width: 768px) {
    .small-box .inner h3 {
      font-size: 18px; /* Riduci la dimensione del testo per adattarla agli schermi più piccoli */
    }
  
    .small-box .inner p {
      font-size: 15px; /* Puoi anche regolare la dimensione del paragrafo se necessario */
    }
    

    .card-title{
        margin-bottom: 20px;
        font-size: 15px;
    }
    ul.todo-list li {
        line-height: 35px;
        display: flow;
    }
  }

  #overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    display: flex;
    justify-content: center; /* Centra orizzontalmente */
    align-items: center; /* Centra verticalmente */
}

.overlay-content {
    color: white; /* Colore del testo */
    font-size: 20px; /* Dimensione del testo */
    text-align: center;
}