.csclass-900 {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  background-color: #9F2063;
}
.csclass-900.legend-below {
  flex-direction: column-reverse;
}

.csclass-920 {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  margin-bottom: 15px;
  color: #fff;
  font-size: 1em;
}

.csclass-960 {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  margin-bottom: 15px;
  color: #fff;
  font-size: 1em;
}

.single {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.single .days-counter, .single .hours-counter, .single .minutes-counter, .single .seconds-counter {
  font-size: 2em;
}

/*# sourceMappingURL=timer.css.map */