.gray-container {
  letter-spacing: 5px;
  color: #aaaaaa;
}

.container-header {
  display: flex;
  align-items: baseline;
  margin-top: 0px;
  text-transform: uppercase;
}

.container-header p {
  letter-spacing: 5px;
  color: #aaaaaa;
  padding-top: 10px;
  margin-bottom: 0px;
}

.container-header :hover {
  color: #00b29f;
}

h4 {
  display: inline;
  padding-left: 1em;
  color: #333333;
}

h4 > span {
  text-transform: uppercase;
}

.title h4 {
  padding-left: 30px;
  line-height: 2em;
}

.about-item {
  display: flex;
  flex-wrap: wrap;
}

.links :hover {
  color: #00b29f;
}

.about-item .length {
  color: #00b29f;
}

.about-item .title {
  margin: 2px 10px;
  //   text-transform: uppercase;
}

.about-item p {
  margin-left: auto;
  margin-bottom: 0px;
  padding-top: 7px;
  color: #aaaaaa;
}

p {
  color: #333333;
}

.storage :hover {
  color: #00b29f;
}

.draft-bookmark {
  color: #e7e6e6;
}

.finalized-bookmark {
  color: #08bd63;
}
