body {
  font-weight: 4000;
  font-size: 14px;
  font-family: 'Menlo', 'Meslo LG', monospace;
  line-height: 1.725;
  text-rendering: geometricPrecision;
}
hr {
  width: 60%;
  display: block;
  unicode-bidi: isolate;
  margin-block-start: 0.5em;
  margin-block-end: 0.5em;
  margin-inline-start: auto;
  margin-inline-end: auto;
  overflow: hidden;
  border-style: inset;
  border-width: 1px;
  border-color: #58606b;
}
.breadcrumb {
  margin-bottom: 20px;
  list-style: none;
  border-radius: 4px;
  padding: 8px 15px;
  list-style: none;
  background-color: initial;
  border-radius: 0px;
  text-align: center;
}

.breadcrumb > li {
  display: inline-block;
}

.breadcrumb a {
  font-weight: bold;
  font-size: 90%;
  text-decoration: none;
  color: #58606b;
}

.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: '|';
}

.breadcrumb active {
  color: #777;
}