body {
  background: #002a36;
  color: #839496;
  font-family: monospace;
}

code {
  color: #b58900;
  background-color: #073642;
}

.logo {
  font-size: 1.17em;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 2px;
}

.logo:hover {
  text-decoration: none;
}

.logo::after {
  content: "";
  width: 9px;
  height: 18px;
  display: inline-block;
  -webkit-animation: blink 1s 10;
}

.logo:hover::after {
  content: "";
  width: 9px;
  height: 18px;
  display: inline-block;
  -webkit-animation: blink 1s infinite;
}

@-webkit-keyframes blink {
  0% {background: #073642}
  50% {background: #839496}
  100% {background: #073642}
}

p.keys {
  color: #b58900;
  padding : 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 10px;
}

.nav-link {
  color: #859900;
}

.syntax {
  color: #839496;
}

.values {
  color: #2aa198;
}

a {
  color: #839496;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}