html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}

.codex-content {
  padding: 4rem 0px;
}

.codex-content h2 {
  margin-top: 2rem;
}

.codex-content h3 {
  margin-top: 1rem;
}

.codex-progress-bar {
  height: 1rem;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
}

.codex-footer .list {
  display: flex;
  flex-flow: row nowrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.codex-footer .list li {
  margin-right: 2rem;
}