/* :root {
    --blue: #003399;
    --darkblue: #001a4d;
    --bodyBg: #001133;
    --btn: #cc99ff;
}

body {
    background: var(--bodyBg);
    color: beige;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    font-family: Arial, sans-serif;
    margin: 0;
}
#checked{
   text-decoration: line-through;
}
#state{
    background-color: var(--blue);
} */

body {
      background: #f8f9fa;
}
#state {
      background: linear-gradient(135deg, #0d6efd, #6610f2);
      border-radius: 1rem;
      color: white;
    }
    #total {
      background: rgba(255, 255, 255, 0.15);
      border: 2px solid white;
      font-weight: bold;
    }
    .list-group-item {
      border-radius: .5rem;
      margin-bottom: .5rem;
    }
    #doneList {
      background: #e9f7ef;
      padding: 1rem;
      border-radius: .75rem;
    }
    #doneList h3 {
      color: #198754;
      font-weight: bold;
    }