* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body, html {
  width: 100%;
  height: 100%;
  background-color: black;
  overflow: hidden;
  font-family: 'Courier New', monospace;
}

canvas#matrixCanvas {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
}

.terminal {
  position: relative;
  z-index: 1;
  color: #00ff00;
  padding: 20px;
  white-space: pre-wrap;
  overflow-y: auto;
  height: 100vh;
  font-size: 16px;
}

.cursor {
  display: inline-block;
  animation: piscar 0.8s infinite;
}

@keyframes piscar {
  0%, 50% { opacity: 1; }
  51%, 100% { opacity: 0; }
}