body {
    font-family: Arial, sans-serif;
    background-color: #000000;

  }
  .hidden {
    display: none;
  }
  *,
*:before,
*:after {
  box-sizing: border-box;
}

pre:has(code) {
  position: relative;
  overflow: auto;

  /* make space  */
  margin: 0px 0;
  padding: 1.75rem 0 1.75rem 1rem;
  border-radius: 0px;
  /* text color */
  color: #ffffff;
  background-color: #000000;
}

pre:has(code) button {
  position: absolute;
  top: 5px;
  right: 5px;

  font-size: 0.9rem;
  padding: 0.15rem;
  color: #ffffff;
  background-color:#da318680;

  border: ridge 1px #ffffff;
  border-radius: 5px;
  text-shadow: #c4c4c4 0 0 2px;
}

pre:has(code) button:hover {
  cursor: pointer;
  background-color: #da3186;
}