body {
  max-width: 980px;
  margin: 0 auto;
  font-size: 18px;
  font-family: monospace;
  background-color: black;
  color: #00ff00;
}

hr {
  border: 0;
  border-top: 2px solid #00ff00;
  box-shadow: 0 0 15px rgba(0, 255, 0, 0.8),
              0 0 30px rgba(0, 255, 0, 0.5);
}

a {
  color: #ffb000;
  text-decoration: none;
  text-shadow: 0 0 10px rgba(255, 176, 0, 0.6);
  transition: all 0.3s;
}

a:hover {
  color: #ffd700;
  text-shadow: 0 0 25px rgba(255, 215, 0, 1),
               0 0 50px rgba(255, 176, 0, 0.8);
  text-decoration: underline;
}

/* DIV: NOTAS =============================================================== */
div.important,
div.note,
div.tip,
div.warning {
  padding: 0 1em 0 4em;
  margin: 1.85em 0;
  background-repeat: no-repeat;
  background-position: 0.5em 0.5em;
  background-color: #ffffcb;
  border: 0.1em solid #cccca3;
  color: black;
}
div.important {	background-image: url('media/important.png'); }
div.note { background-image: url('media/note.png'); }
div.tip { background-image: url('media/tip.png'); }
div.warning { background-image: url('media/warning.png'); }
/* FIGURAS ================================================================== */
figure.right,
figure.left {
  display: block;
  padding: 0px;
  text-align: center;
  font-size: small;
}
figure.right {
  clear: right;
  float: right;
  margin: 0px 0px 0px 10px;
}
figure.left {
  clear: left;
  float: left;
  margin: 0px 10px 0px 0px;
}
/* KBD ====================================================================== */
kbd {
  padding: 1px 2px 0;
  border-radius: 3px;
  border: 1px solid #666;
  border-color: grey;
  font-family: monospace;
  box-shadow: 2px 2px grey;
}
/* CURSOR =================================================================== */
.cursor {
  animation: blink-cursor 1s step-end infinite;
}
@keyframes blink-cursor {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}
/* TERMINAL-BOX ============================================================= */
.terminal-box {
  border: 1px solid #00ff00;
  background-color: #001100;
  color: #00ff00;
  padding: 0 20px 0 20px;
  box-shadow: 0 0 10px rgba(0, 255, 0, 0.3);
  margin: 0 0 0 40px; /* superior - direita - inferior - esquerda  */
}