.progress-bar-container {
  .percentage-completed {
    color: $mint;
    margin-bottom: (4em / 14);
  }

  .progress-subtitle {
    margin-bottom: (24em / 14);
  }

  .progress {
    height: (10em /$global-size);
    border-radius: (5em / $global-size);
    border: 2px solid $charcoal;
    overflow: hidden;
    background-color: $charcoal;

    &-meter {
      height: (6em /$global-size);
      background-color: $mint;
      border-radius: 3px;
    }
  }
}

.joke {
  width: 37.578964%;
}