body {
  background: #0d0208;
  color: #00ff41;
}

a {
  text-decoration: none;
  color: red;
}

#title {
  text-align: center;
}

#explanation {
  margin-left: 5vw;
  margin-right: 5vw;
}

.emphasis {
  color: white;
}

.inline-code {
  font-family: monospace, monospace;
}

.codeBlock {
  display: grid;
  grid-template-columns: 90% 10%;
}

.code {
  padding: 20px;
  display: inline-block;
  overflow: auto;
  background-color: #f8ecc2;
  color: black;
}

.copyButton {
  background-color: #0d0208;
  border: none;
  color: #ffffff;
}

.copyIcon {
  filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg)
    brightness(118%) contrast(119%);
}