:root {
  --preto0: #000;
  --preto2: #222;
  --preto3: #333;
  --preto4: #444;
  --preto6: #666;
  --preto9: #999;
  --branco: #fff;
  --orange: orange;
}

html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
body {
  background: var(--preto4);
  margin: 0;
  font: 18px sans-serif;
}
.tudo {
  background: var(--preto2);
  color: var(--branco);
  width: 100%;
  max-width: 1000px;
  padding: 10px 20px 20px 20px;
  margin: 10px auto;
  border-radius: 10px;
}

.tudo a,
.tudo a:active {
  color: #b2e692;
  padding: 0 5px;
  text-decoration: none;
}
.tudo a:focus,
.tudo a:hover {
  color: #bf1722;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  background: #ffc;
}
h1 {
  font-size: 24px;
}
button {
  font: 18px sans-serif;
  display: block;
  width: 220px;
  padding: 6px 15px;
  margin-bottom: 10px;
}
input {
  font: 12px sans-serif;
  display: block;
  width: 220px;
  padding: 10px 15px;
  margin-bottom: 10px;
}
#resultado {
  min-height: 50px;
}
.titulo-codigo {
  font: 700 18px "Share Tech Mono", monospace;
  margin: 0 0 -1em;
  padding: 0.3em 1em;
  position: relative;
  background: #666;
  color: #fff;
  border: 2px solid #ccc;
  border-top-left-radius: 0.3em;
  border-top-right-radius: 0.3em;
}
pre[class*="language-"] {
  margin: 8px 0;
}

pre.language-xxx {
  height: 0;
  padding: 0;
  margin: 0;
  border: none;
}