:root {
    --active: #4CAF50;
    --done: #333333;
    --inactive: #FFDB5C;
    --scream: #F44336;
}

.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
  /* Do not capitalize */
  text-transform: none;
}

.reveal {font-size: 30px;}

.progressbar{
  width: 100%;
  background-color: #FFFFFF;
  text-align: left;
}

.pb {
  text-align: left;
  padding: 3px;
  margin-bottom: 6px;
  color: white
}

.bg-active {background-color: var(--active)}
.bg-done {background-color: var(--done)}
.bg-inactive {background-color: var(--inactive)}
.bg-scream {background-color: var(--scream)}