body {
    background-color: rgb(240, 238, 238);
}

.countdown-container {
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px darkslategray;
    padding: 40px;
    border-radius: 5px;
    max-width: 800px;
}

.countdown-title {
    font-size: 15pt;
}

.countdown-healing-date {
    font-size: 9pt;
}

.countdown {
    font-size: 30pt;
}

.countdown-progress {
    height: 30px;
    margin-top: 15px;
    width: 100%;
    border: solid 1px darkslategray;
    position:relative;
    text-align: center;
}

progress:before {
    content: attr(data-label);
    position: absolute;
    left: 0;
    right: 0;
  }

progress::-webkit-progress-bar {
    background-color: rgb(240, 238, 238);
}

progress::-webkit-progress-value {
    background-color: darkslategray;
}

.countdown-progress-bar {
    background-color: rgb(240, 238, 238);
}

.ubuntu-light {
    font-family: "Ubuntu", serif;
    font-weight: 300;
    font-style: normal;
}

.ubuntu-regular {
    font-family: "Ubuntu", serif;
    font-weight: 400;
    font-style: normal;
}

.ubuntu-medium {
    font-family: "Ubuntu", serif;
    font-weight: 500;
    font-style: normal;
}

.ubuntu-bold {
    font-family: "Ubuntu", serif;
    font-weight: 700;
    font-style: normal;
}

.ubuntu-light-italic {
    font-family: "Ubuntu", serif;
    font-weight: 300;
    font-style: italic;
}

.ubuntu-regular-italic {
    font-family: "Ubuntu", serif;
    font-weight: 400;
    font-style: italic;
}

.ubuntu-medium-italic {
    font-family: "Ubuntu", serif;
    font-weight: 500;
    font-style: italic;
}

.ubuntu-bold-italic {
    font-family: "Ubuntu", serif;
    font-weight: 700;
    font-style: italic;
}