/* *********************************
           Scrolling progress bar
  ********************************** */
progress {
  /* Positioning */
  position: fixed;
  left: 0;
  bottom: 0;
  /* Dimensions */
  width: 100%;
  height: 0.8rem;
  /* Get rid of the default border in Firefox/Opera. */
  border: none;
  /* Progress bar container for Firefox/IE10+ */
  background-color: #dedede;
  /* Progress bar value for IE10+ */
  color: white;
}
progress::-webkit-progress-bar {
  background-color: #dedede;
}
progress::-webkit-progress-value {
  background-color: #97a8c6;
}
progress::-moz-progress-bar {
  background-color: #97a8c6;
}

.progress-container {
  border: none;
  width: 100%;
  background-color: #dedede;
  position: fixed;
  top: 0;
  left: 0;
  height: .8rem;
  display: block;
}

.progress-bar {
  border: none;
  background-color: #97a8c6;
  width: 50%;
  display: block;
  height: inherit;
}

.scrolling {
  border: none;
  position: fixed;
  right: 0;
  top: 56px;
  height: 98vh;
  width: 0.8rem;
  border: none;
  margin: 0;
  padding: 0;
  background-color: #dedede;
}

.scrollingBar {
  border: none;
  top: 0;
  background-color: #c9daf8;
  margin: 0;
  padding: 0;
  height: 0;
  width: 0.8rem;
  display: block;
}